父視窗操控iframe

2021-07-23 19:01:28 字數 1004 閱讀 7646

iframe id為iframecover,其中有個classname為m-ebookmaker-cover的div

需要獲取iframe中的乙個div物件進行操作

參考

發現

window.frames["iframecover"].document
根本獲取不到物件,正確的方法應該是

所說,使用contentdocument

$(window.frames["iframecover"].contentdocument

.getelementsbyclassname("m-ebookmaker-cover"))

如果直接在本地資料夾除錯,在chrome控制台出現錯誤

ebookmakerol-covermaker.html:42 uncaught securityerror: failed to read

the 『contentdocument』 property from 『htmliframeelement』: blocked a

frame with origin 「null」 from accessing a frame with origin 「null」.

protocols, domains, and ports must match.

這是瀏覽器同源策略(本地除錯時,涉及跨域)的問題。

解決辦法:

上傳到伺服器,問題就不會出現了。

關於父視窗iframe問題

第一種 getelementsbytagname iframe 0 或者getelementbyid ifr 第二種 window.frames id 或者 window.frames 0 要想使用iframe內的函式,變數就必須通過第二種方法.因為它取的是乙個完整的dom模型 不知道這樣說對不對 ...

獲取父視窗iframe方法

在頁面中,有個iframe,基於這個iframe,彈出了個視窗,這個視窗在關閉的時候需要操作iframe裡的元素。做法是window.top.document.getelementbyid view user index contentwindow.document.getelementbyid s...

iframe 父視窗和子視窗的呼叫方法

父視窗呼叫子視窗 iframe id.iframe document object.object attribute attribute value 例子 onclick iframe text.myh1.innertext 子視窗呼叫父視窗 parent.parent document objec...