IE 11 无法在 javascript 上正确呈现 div答案

【问题标题】：IE 11 not rendering div on javascript properlyIE 11 无法在 javascript 上正确呈现 div
【发布时间】：2013-11-27 20:18:52
【问题描述】：

我使用的是 IE 11，但无法正确呈现 div 对话框。所有尺寸，即。 height, width, top, left 给出不合适的结果。同样适用于 IE10。

javascript代码sn-p如下：-

if (height > 0 && width > 0)
{
    myDialog.height = height;
    myDialog.width = width;
    myDialog.top = (parseInt(document.body.clientHeight) - height) / 3;
    myDialog.left = (parseInt(document.body.clientWidth) - width) / 2;
}

这里，myDialog 就是我所说的 div 对象。为什么这个代码 sn-p 对 IE11 失败。任何帮助表示赞赏。

【问题讨论】：

取决于很多您尚未发布的内容，但最重要的是，div 的 width 和 height 属性已过时。

标签： javascript html css internet-explorer cross-browser

【解决方案1】：

您正在为 HTMLDivElement 实例设置属性。在 style 属性上设置它们可能会更成功：

if (height > 0 && width > 0)
{
    myDialog.style.height = height + "px";
    myDialog.style.width = width + "px";
    myDialog.style.top = ((parseInt(document.body.clientHeight) - height) / 3)  + "px";
    myDialog.style.left = ((parseInt(document.body.clientWidth) - width) / 2)  + "px";
}

请注意，我还在末尾添加了 px，因为这些是 CSS 样式的测量值。

【讨论】：

【解决方案2】：

尝试关注

if (height > 0 && width > 0)

{

myDialog.style.height = 高度；
myDialog.style.width = 宽度；
myDialog.style.top = (parseInt(document.body.clientHeight) - 高度) / 3;
myDialog.style.left = (parseInt(document.body.clientWidth) - 宽度) / 2;
}

【讨论】：