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

