快捷導(dǎo)航

通過(guò)偽協(xié)議解決父頁(yè)面與iframe頁(yè)面通信的問(wèn)題

更新時(shí)間：2015年04月05日 23:14:58 投稿：mdxy-dxy

這篇文章主要介紹了通過(guò)偽協(xié)議解決父頁(yè)面與iframe頁(yè)面通信的問(wèn)題,需要的朋友可以參考下

我們經(jīng)常會(huì)有父頁(yè)面與iframe頁(yè)面的操作，比如

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

var iframe = document.getElementById("iframe"),
  doc = iframe.contentWindow.document;
doc.open();
doc.write("---------something------");
doc.close();

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

在ie系列（IE10沒(méi)試過(guò)）會(huì)出現(xiàn)沒(méi)權(quán)限的錯(cuò)誤。而在firefox, chrome都沒(méi)問(wèn)題.

這是為什么呢?這是ie的一個(gè)bug, 即父頁(yè)沒(méi)有顯式的設(shè)置document.domain時(shí)，iframe會(huì)默認(rèn)document.domain與父頁(yè)面一致，即都是

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

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

的方式來(lái)寫，但問(wèn)題是我的父頁(yè)面有很多這樣的iframe,個(gè)數(shù)是未知的（都是廣告位），所以也不能通過(guò)特定頁(yè)面。

這樣問(wèn)題就來(lái)了，在這種情況下，我們貌似沒(méi)有辦法

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

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

3.沒(méi)有機(jī)會(huì)為iframe設(shè)置src。

但上面3個(gè)條件都滿足時(shí)，我們可以通過(guò)偽協(xié)議來(lái)解決此類的問(wèn)題。

復(fù)制代碼代碼如下:

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

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

這樣寫了后，的確實(shí)現(xiàn)了動(dòng)態(tài)寫iframe內(nèi)容的需求，但這個(gè)頁(yè)面會(huì)單獨(dú)彈出來(lái)，像window.open();
這是為什么呢？這也是ie系列的bug ,即父頁(yè)面有<base target="_blank"></base>, 通過(guò)iframe的偽協(xié)議所寫的內(nèi)容會(huì)類似window.open一樣彈出新頁(yè)面，
但父頁(yè)面的<base>又必須是_self, 所以只能在調(diào)用iframe.src之前將base的target設(shè)置為_self, 內(nèi)容寫完后，再將base的target設(shè)為_blank

這樣就解決了此問(wèn)題。

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

您可能感興趣的文章: