這篇文章主要介紹了javascript父子頁面通訊的實(shí)現(xiàn)方法,實(shí)例分析了javascript針對父子頁面通訊的原理與相關(guān)實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

 

本文實(shí)例講述了javascript父子頁面通訊的實(shí)現(xiàn)方法。分享給大家供大家參考。具體分析如下：

如果一個(gè)domain為 www.abc.com的頁面內(nèi)部包含一個(gè)name屬性值為childFrame的iframe，并且這個(gè)iframe的domain為 static.abc.com。那么可以通過設(shè)置父頁面的domain為abc.com，子頁面的domain也為abc.com，然后實(shí)現(xiàn)父子頁面通訊（我這里有點(diǎn)混淆父子頁面和跨域的概念。

不采用上面的方法也是可以實(shí)現(xiàn)父子頁面相互訪問的。 
方法是：在父頁面用window.frames[0]或者window.frames["childFrame"]，返回的是一個(gè)Window對象，然后就可以通過：
 

1. var childWindow = window.frames[0]; 
2. // 或者 window.frames["childFrame"] 或者直接childFrame 或者childFrame.window  
3. var childDoc = childWindow.contentDocument || childWindow.document;