具體出現的情況是這樣的：
在頁面還沒有完全加載的情況下，鼠標點擊觸發了一個生成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>