在IE6下發生Internet Explorer cannot open the Internet site錯誤

來源:互聯網
上載者:User

具體出現的情況是這樣的:
  在頁面還沒有完全載入的情況下,滑鼠點擊觸發了一個產生iFrame的指令碼事件。
先是想到,將指令碼事件,在頁面載入完全後,再動態添加到觸發的位置,這樣,頁面載入完全之前,這裡是不會有指令碼事件的,自然也不會報錯。
  以上辦法有些被動,於是去參看產生iframe的指令碼。
  正常的頁面結構是 複製代碼 代碼如下:<body>
<form>
........
</form>
</body>

產生iframe的指令碼是: 複製代碼 代碼如下:function CreateiFrame(){
  var objBody = document.getElementsByTagName("body").item(0);
  var objiFrame = document.createElement("iframe");
  objBody.appendChild(objiFrame);
}

appendChild() 方法,在節點的子節點列表末添加新的子節點。所以建立iframe後的DOM為: 複製代碼 代碼如下:<body>
<form>
........
</form>
<iframe>
........
</iframe>
</body>

因為是在<form>還沒有載入完全的情況下,建立了<iframe>,所以在IE6下就出現了分頁錯誤。
相信在看到這裡的時候,已經發現瞭解決的辦法:將<iframe>建立在<form>之前的話,就沒有問題了!
那麼,我們就需要用到另外一個添加元素的方法 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() 方法,在節點的子節點列表任意位置插入新的節點。
insertBefore有2個參數可以設定,第一個是和appendChild相同的;第二可以為null,效果等同於insertBefore() 方法,也可以為指定需要在哪個子節點之前插入新子節點。 複製代碼 代碼如下:<body>
<iframe>
........
</iframe>
<form id“form1”>
........
</form>
</body>

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.