操作跨域iframe 裡div

2022-05-21 07:03:37 字數 404 閱讀 5795

iframe裡的元素無法用css來直接控制,不管是同域還是跨域。

可選方法:

父window接收資料:

window.addeventlistener('message',function(event))
父元素向子元素傳送資料:

iframe.contentwindow.postmessage(data, *)//第二個引數是指定到具體網域名稱的iframe

子window接收資料:

window.addeventlistener('message',function(event))
子元素向子元素傳送資料:

window.postmessage(data, *)//第二個引數是指定到具體網域名稱的iframe

JS操作未跨域iframe裡的DOM

這裡簡單說明兩個方法,都是未跨域情況下在index.html內操作b.html內的 dom。如 index.html內引入iframe,在index內如何用js操作iframe內的dom元素?先貼下index.html和iframe引入的a.html內容。index div class d1 ifr...

iframe跨域通訊

簡述 window.postmessage方法,允許跨視窗通訊,不論這兩個視窗是否同源。視窗都可以通過message事件,監聽對方的訊息。語法 otherwindow.postmessage message,targetorigin,transfer message 傳送的內容。targetorgi...

iframe解決跨域

iframe的使用a域中有parent.html,b域中有child.html.b域中的伺服器要監聽所有b域下所有child.html,並且兩個域之間要交換資料.那麼在a域中嵌入iframe 如 parent.html document.domain ip a域的ip或網域名稱 去掉www 函式fu...