在IE6下發(fā)生Internet Explorer cannot open the Internet site錯(cuò)誤
在頁(yè)面還沒(méi)有完全加載的情況下,鼠標(biāo)點(diǎn)擊觸發(fā)了一個(gè)生成iFrame的腳本事件。
先是想到,將腳本事件,在頁(yè)面加載完全后,再動(dòng)態(tài)添加到觸發(fā)的位置,這樣,頁(yè)面加載完全之前,這里是不會(huì)有腳本事件的,自然也不會(huì)報(bào)錯(cuò)。
以上辦法有些被動(dòng),于是去參看生成iframe的腳本。
正常的頁(yè)面結(jié)構(gòu)是
<body>
<form>
........
</form>
</body>
生成iframe的腳本是:
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為:
<body>
<form>
........
</form>
<iframe>
........
</iframe>
</body>
因?yàn)槭窃?lt;form>還沒(méi)有加載完全的情況下,創(chuàng)建了<iframe>,所以在IE6下就出現(xiàn)了頁(yè)面錯(cuò)誤。
相信在看到這里的時(shí)候,已經(jīng)發(fā)現(xiàn)了解決的辦法:將<iframe>創(chuàng)建在<form>之前的話,就沒(méi)有問(wèn)題了!
那么,我們就需要用到另外一個(gè)添加元素的方法 insertBefore():
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)。
<body>
<iframe>
........
</iframe>
<form id“form1”>
........
</form>
</body>
- 用MyEclipse配置DataBase Explorer(圖示)
- 淺談Android Studio 3.0 工具新特性的使用 Android Profiler 、Device File Explorer
- linux下部署kodexplorer的方法
- 開(kāi)發(fā) Internet Explorer 右鍵功能表(ContextMenu)
- IE事件對(duì)象(The Internet Explorer Event Object)
- VBS InternetExplorer.Application的屬性和方法介紹
- EXPLORER.EXE病毒手動(dòng)解決方法
- Eclipse中如何顯示explorer過(guò)程解析
相關(guān)文章
JavaScript canvas繪制圓形加載進(jìn)度條
這篇文章主要為大家詳細(xì)介紹了JavaScript canvas繪制圓形加載進(jìn)度條,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-06-06
JS使用reduce()方法處理樹(shù)形結(jié)構(gòu)數(shù)據(jù)
這篇文章主要介紹了JS使用reduce()方法處理樹(shù)形結(jié)構(gòu)數(shù)據(jù),對(duì)樹(shù)形結(jié)構(gòu)數(shù)據(jù)感興趣的同學(xué),可以參考下2021-05-05
JavaScript實(shí)現(xiàn)的級(jí)聯(lián)算法示例【省市二級(jí)聯(lián)動(dòng)功能】
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的級(jí)聯(lián)算法,結(jié)合省市二級(jí)聯(lián)動(dòng)下拉菜單功能實(shí)例分析了javascript事件響應(yīng)與元素動(dòng)態(tài)操作實(shí)現(xiàn)級(jí)聯(lián)算法的相關(guān)技巧,需要的朋友可以參考下2018-12-12
使用JS實(shí)現(xiàn)導(dǎo)航切換時(shí)高亮顯示的示例講解
今天小編就為大家分享一篇使用JS實(shí)現(xiàn)導(dǎo)航切換時(shí)高亮顯示的示例講解,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
區(qū)分中英文字符的兩種方法(正則和charCodeAt())
最近在為項(xiàng)目寫(xiě)登錄注冊(cè)系列頁(yè)面, 表單驗(yàn)證無(wú)疑是不可缺少的部分, 在這個(gè)jQ插件滿天飛的web年代, 表單驗(yàn)證倒也不是難事. 但再好的插件, 也并不能做到十全十美2010-11-11
加速I(mǎi)E的Javascript document輸出的方法
加入這樣的一行代碼IE的document的訪問(wèn)速度至少可以提高5倍以上,對(duì)于頁(yè)面使用document的朋友絕對(duì)是個(gè)好方法。2010-12-12
微信小程序連接數(shù)據(jù)庫(kù)與WXS的使用方法詳細(xì)介紹
這篇文章主要介紹了微信小程序連接數(shù)據(jù)庫(kù)與WXS的使用方法,微信小程序是騰訊內(nèi)部的產(chǎn)品,不能直接打開(kāi)一個(gè)外部的鏈接,但是騰訊為開(kāi)發(fā)者封裝好了API用來(lái)請(qǐng)求一個(gè)網(wǎng)站的內(nèi)容或者服務(wù),感興趣的同學(xué)可以參考下2023-12-12
ECharts餅圖顏色設(shè)置的4種方式總結(jié)
這篇文章主要給大家介紹了關(guān)于ECharts餅圖顏色設(shè)置的4種方式,ECharts餅圖的顏色可以通過(guò)多種方式進(jìn)行設(shè)置,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-09-09

