1. 程式人生 > >js如何獲取跨域iframe 裏面content

js如何獲取跨域iframe 裏面content

獲取 方法 data- keyword -c iframe ring ref key

每天學習一點點 編程PDF電子書、視頻教程免費下載:
http://www.shitanlife.com/code

其中src可能存在跨域。

現有的獲取方式

var test = document.getElementsByClassName("iframeItem");
var content =test[0].contentDocument||test[0].contentWindow.document;

但是會報錯跨域:

Blocked a frame with origin "http://xxx.com" from accessing a cross-origin frame



跨域是無法解決的,如果有你有兩個網站的權限的話,可以通過一些 hack 的方式繞過來通信。
如 window.frames 屬性(IE並不能全兼容)

這種情況一般涉及到跨域的話,都不去直接操作dom,都會想html5的on/postmessage一樣。可以利用事件進行通訊。
可以參照這裏有的https://github.com/YataoZhang/xMan 看frame方法。就是處理這種情況的。

每天學習一點點 編程PDF電子書、視頻教程免費下載:
http://www.shitanlife.com/code

js如何獲取跨域iframe 裏面content