標籤:order rip string name 擷取 script margin var ram
今天和朋友一塊討論,怎樣通過js在父頁面和子頁面之間傳值的問題,總結例如以下:
需求描寫敘述:父頁面有多個子頁面。實如今父頁面點擊子頁面,傳值到子頁面。
看著非常easy,試了好久。主要糾結在怎樣擷取iframe,剛開始用document.getElementById(‘iframe的ID‘),後來查資料才發現這樣的方法僅僅是去取出了一個OBJECT,不能操作它的函數方法。後來改成window.iframes["iframe的name"],這樣就能夠擷取子頁面的整個DOM,能夠操作它的函數。
1、父頁面代碼
<html><head><title></title><script type="text/javascript" >function callChild(){var child_1 =window.frames["child"];var str = "ddddd";child_1.window.testJs(str);}function aa(str){alert(str);}</script></head><body><iframe name="child" src="children.html" ></iframe><a onclick="callChild()">call children</a></body></html>
2、子頁面代碼
<html><head><title></title><script type="text/javascript">function testJs(str){alert(str);}function callParent(){var str = "vdsss";parent.aa(str)}</script></head><body><a onclick="callParent()">call parent</a></body></html>
js父頁面和子頁面之間傳值