|
|
在頁面還沒有完全加載的情況下，鼠標(biāo)點(diǎn)擊觸發(fā)了一個(gè)生成iFrame的腳本事件。
先是想到，將腳本事件，在頁面加載完全后，再動(dòng)態(tài)添加到觸發(fā)的位置，這樣，頁面加載完全之前，這里是不會(huì)有腳本事件的，自然也不會(huì)報(bào)錯(cuò)。
以上辦法有些被動(dòng)，于是去參看生成iframe的腳本。
正常的頁面結(jié)構(gòu)是
復(fù)制代碼 代碼如下:
<body>
<form>
........
</form>
</body>
生成iframe的腳本是：
復(fù)制代碼 代碼如下:
function CreateiFrame(){
var objBody = document.getElementsByTagName("body").item(0);
var objiFrame = document.createElement("iframe");
objBody.appendChild(objiFrame);
}
appendChild() 方法，在節(jié)點(diǎn)的子節(jié)點(diǎn)列表末添加新的子節(jié)點(diǎn)。所以創(chuàng)建iframe后的DOM為：
復(fù)制代碼 代碼如下:
<body>
<form>
........
</form>
<iframe>
........
</iframe>
</body>
因?yàn)槭窃?lt;form>還沒有加載完全的情況下，創(chuàng)建了<iframe>，所以在IE6下就出現(xiàn)了頁面錯(cuò)誤。
相信在看到這里的時(shí)候，已經(jīng)發(fā)現(xiàn)了解決的辦法：將<iframe>創(chuàng)建在<form>之前的話，就沒有問題了！
那么，我們就需要用到另外一個(gè)添加元素的方法 insertBefore()：
復(fù)制代碼 代碼如下:
function CreateiFrame(){
var objBody = document.getElementsByTagName("body").item(0);
var objiFrame = document.createElement("iframe");
objBody.insertBefore(objiFrame,document.getElementById("form1")); //form1為form的id
}
insertBefore() 方法，在節(jié)點(diǎn)的子節(jié)點(diǎn)列表任意位置插入新的節(jié)點(diǎn)。
insertBefore有2個(gè)參數(shù)可以設(shè)置，第一個(gè)是和appendChild相同的；第二可以為null，效果等同于insertBefore() 方法，也可以為指定需要在哪個(gè)子節(jié)點(diǎn)之前插入新子節(jié)點(diǎn)。
復(fù)制代碼 代碼如下:
<body>
<iframe>
........
</iframe>
<form id“form1”>
........
</form>
</body>
JavaScript技術(shù)：在IE6下發(fā)生Internet Explorer cannot open the Internet site錯(cuò)誤，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
