document.body.setAttribute 在 IE-7 中不起作用

Question

我在 .aspx 页面（在 head 部分）中添加了“test.js”文件。

在 test.js 中，我添加了一个脚本“document.body.setAttribute("onload", "testload()");”

它在 IE-8-9、Mozilla、Chrome 和加载 testLoad() 函数中运行良好。

但它在 IE-7 中不起作用。

如何在 IE-7 中从 test.js 文件设置“body”的属性。

Answer 1

为什么不呢

window.onload = testload;

？

window.onload = function()
{
    //Some codes
}

请注意，body.onload 和 window.onload 是不同的。如果您想在加载所有资源后执行事件处理程序，请使用window.onload。

Answer 2

IE7 不支持 obj.setAttribute('onload', doSomething);。您可以使用计时器来处理 IE。

var myiFrame = document.createElement("iframe");
myiFrame.setAttribute("id", "myiFrame");
myiFrame.setAttribute("src", "something.aspx");
myiFrame.setAttribute("class", "myclass");
myiFrame.setAttribute("frameBorder", "0"); //For IE
myiFrame.setAttribute("hspace", "0");
//For all:
myiFrame.setAttribute("onload", "testload();"); 
document.getElementById("myDiv").appendChild(myiFrame);
//For IE:
if (isIE = /*@cc_on!@*/false) {
    setTimeout(function () { testload() }, 500);
}

就是这样。如果您还想在加载时附加事件侦听器，那么 IE 也需要修复：

function testload() {
//Add event listener for click so that
//resize myiFrame in case any changes occur in size of content when user clicks
    var content = document.getElementById("myiFrame").contentWindow.document.body;
    if (content.addEventListener) { //For all
        content.addEventListener('click', function () {
            //find the height of the internal page
            var the_height = content.scrollHeight;

            //change the height of the iframe
            document.getElementById("myiFrame").height = the_height + 10;
        }, false);
    }
    else if (content.attachEvent) { //For IE
        cerceveIci.attachEvent('onclick', function () {
            //find the height of the internal page
            var the_height = cerceveIci.scrollHeight;

            //change the height of the iframe
            document.getElementById("kk-iframe").height = the_height + 10;
        });
    }
}