js如何獲取跨域iframe 裏面content
阿新 • • 發佈:2018-04-13
獲取 方法 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