同域下iframe操作时,js访问document出现拒绝访问的问题原因
生活随笔
收集整理的這篇文章主要介紹了
同域下iframe操作时,js访问document出现拒绝访问的问题原因
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
在同一個域下,有頁面A.html和B.html,?A.html頁面中包含一個iframe,其src屬性指向B.html。
問題:???? A.html頁面中的javascript腳本可以獲取到iframe所加載的網(wǎng)頁的window對象,但訪問window.document時會報(bào)"拒絕訪問"腳本錯誤,過一會后訪問document,又能正常顯示和操作.已排除原因:
1、兩個頁面是屬于同一站點(diǎn)下的資源文件,不存在跨域訪問的情況,且兩個頁面是同域的,即document.domain屬性一致.
2、A.html頁面中的iframe不論是動態(tài)創(chuàng)建還是固定生成在網(wǎng)頁中都沒有影響到錯誤的出現(xiàn),而唯一不同的是檢測iframe的加載狀態(tài)時,動態(tài)創(chuàng)建的時候其狀態(tài)順序?yàn)閡ninitialized->loading->loaded->interactive->complete,而固定生成的時候其狀態(tài)順序?yàn)閏omplete->loading->loaded->interactive->complete.
分析:
在iframe加載狀態(tài)為completed之后能夠正常的訪問并修改其src指向的文檔對象了,說明iframe加載完畢到父頁面加載完畢這個過程仍然也是不能夠訪問iframe所引入的document文檔對象,或者說,父頁面呈現(xiàn)的時候iframe都未必完全加載完畢,因此才會出現(xiàn)拒絕訪問的錯誤提示.
修改腳本意見:
假設(shè)A.html頁面中的iframe的id命名為ifr,則需要調(diào)整的代碼只有一處
if(document.readyState == "complete" && ifr.readyState == "complete"){
??? //在此處訪問并操作iframe所引入的document文檔對象
}
總結(jié)
以上是生活随笔為你收集整理的同域下iframe操作时,js访问document出现拒绝访问的问题原因的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 京东方展示 110 英寸 8K 裸眼 3
- 下一篇: 节后宰客频现热搜!专家:旺季不合理涨价或