JavaScript - 无效参数 IE8

Question

我遇到了一点 JavaScript 问题。该代码在 Opera 和 Firefox 浏览器中有效，但在 Internet Explorer 8 中无效。有人知道为什么吗？

function createbtn(object, inner) {
    var hover = document.createElement("div");
    hover.setAttribute("class", "myarea");
    if (inner) {
        hover.style.width = object.width - 16 + "px";
        hover.style.height = object.height - 16 + "px";
        hover.style.top = getposy(object) + "px";
        hover.style.left = getposx(object) + "px";
    } else {
        hover.style.width = object.width + "px";
        hover.style.height = object.height + "px";
        hover.style.top = getposy(object) - 8 + "px";
        hover.style.left = getposx(object) - 8 + "px";
    }
}

我正在学习 Javascript。欢迎任何反馈。西蒙

Answer 1

如果object.width小于16

hover.style.width = object.width - 16 + "px";

然后这将产生一个在前面带有负号的字符串，这是非法的，因为宽度必须是非负数。

你可以通过说来解决这个问题

hover.style.width = Math.max(object.width - 16, 0) + "px";

高度也类似。

许多浏览器会忽略无效内容，但 IE 在某些模式下更为严格，因此您可能只是在其他浏览器中遇到静默失败。