在同一個域下，有頁面A.html和B.html，?A.html頁面中包含一個iframe,其src屬性指向B.html。

問題:???? A.html頁面中的javascript腳本可以獲取到iframe所加載的網頁的window對象,但訪問window.document時會報"拒絕訪問"腳本錯誤,過一會后訪問document，又能正常顯示和操作.

已排除原因:
1、兩個頁面是屬于同一站點下的資源文件,不存在跨域訪問的情況,且兩個頁面是同域的,即document.domain屬性一致.
2、A.html頁面中的iframe不論是動態創建還是固定生成在網頁中都沒有影響到錯誤的出現,而唯一不同的是檢測iframe的加載狀態時,動態創建的時候其狀態順序為uninitialized->loading->loaded->interactive->complete,而固定生成的時候其狀態順序為complete->loading->loaded->interactive->complete.

分析:
在iframe加載狀態為completed之后能夠正常的訪問并修改其src指向的文檔對象了,說明iframe加載完畢到父頁面加載完畢這個過程仍然也是不能夠訪問iframe所引入的document文檔對象,或者說,父頁面呈現的時候iframe都未必完全加載完畢,因此才會出現拒絕訪問的錯誤提示.

修改腳本意見:
假設A.html頁面中的iframe的id命名為ifr,則需要調整的代碼只有一處
if(document.readyState == "complete" && ifr.readyState == "complete"){
??? //在此處訪問并操作iframe所引入的document文檔對象
}

總結

以上是生活随笔為你收集整理的同域下iframe操作时，js访问document出现拒绝访问的问题原因的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。