通過偽協(xié)議解決父頁面與iframe頁面通信的問題
來源:易賢網(wǎng) 閱讀:745 次 日期:2015-04-08 14:18:05
溫馨提示:易賢網(wǎng)小編為您整理了“通過偽協(xié)議解決父頁面與iframe頁面通信的問題”,方便廣大網(wǎng)友查閱!

我們經(jīng)常會有父頁面與iframe頁面的操作,比如

<iframe id = "iframe"></iframe>

這個iframe里面的內(nèi)容是js寫的。如以下代碼

var iframe = document.getElementById("iframe"),

doc = iframe.contentWindow.document;

doc.open();

doc.write("---------something------");

doc.close();

以上代碼在大多數(shù)情況下是對的。但有種情況,即父頁面顯式的寫了document.domain = "xxx";

在ie系列(IE10沒試過)會出現(xiàn)沒權(quán)限的錯誤。 而在firefox, chrome都沒問題.

這是為什么呢?這是ie的一個bug, 即父頁沒有顯式的設(shè)置document.domain時,iframe會默認document.domain與父頁面一致,即都是

location.host,父子頁面是可以進行通信,即文章頭的例子, 但當父頁面顯式的設(shè)置了document.domain="", iframe里面的頁面必須也顯式的設(shè)置document.domain="xxx",否則是

沒有權(quán)限得到iframe.contentWindow.document的, 即也沒辦法去動態(tài)寫內(nèi)容,其實也可以讓iframe指向一個特定的頁面,這個頁面顯式的設(shè)置document.domain="xxx",再通過文章開頭的方

的方式來寫,但問題是我的父頁面有很多這樣的iframe,個數(shù)是未知的(都是廣告位),所以也不能通過特定頁面。

這樣問題就來了,在這種情況下,我們貌似沒有辦法

1. 父頁面設(shè)置了并且必須會顯式的設(shè)置document.domain

2.iframe頁面的內(nèi)容需要js動態(tài)生成。

3.沒有機會為iframe設(shè)置src。

但上面3個條件都滿足時,我們可以通過偽協(xié)議來解決此類的問題。

iframe.src="javascript:void((function(){var d=document;d.open();d.domain='xxx;d.write('---something');d.close()})())";

通過這種方式可以顯式的設(shè)置iframe的document.domain與父頁面一致。

這樣寫了后,的確實現(xiàn)了動態(tài)寫iframe內(nèi)容的需求,但這個頁面會單獨彈出來,像window.open();

這是為什么呢? 這也是ie系列的bug ,即父頁面有<base target="_blank"></base>, 通過iframe的偽協(xié)議所寫的內(nèi)容會類似window.open一樣彈出新頁面,

但父頁面的<base>又必須是_self, 所以只能在調(diào)用iframe.src之前將base的target設(shè)置為_self, 內(nèi)容寫完后,再將base的target設(shè)為_blank

這樣就解決了此問題。

雖然偽協(xié)議可以解決此問題,但也有些風(fēng)險,如果不到萬不得已,也別隨便用這種方式。

更多信息請查看IT技術(shù)專欄

更多信息請查看腳本欄目
易賢網(wǎng)手機網(wǎng)站地址:通過偽協(xié)議解決父頁面與iframe頁面通信的問題
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇剩?/div>

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 加入群交流 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
咨詢QQ:526150442(9:00—18:00)版權(quán)所有:易賢網(wǎng)