js父页面和子页面之间传值
生活随笔
收集整理的這篇文章主要介紹了
js父页面和子页面之间传值
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
今天和朋友一塊討論，怎樣通過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 οnclick="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 οnclick="callParent()">call parent</a> </body> </html>
轉載于:https://www.cnblogs.com/blfbuaa/p/6766788.html
總結
以上是生活随笔為你收集整理的js父页面和子页面之间传值的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： python多线程和多进程使用
- 下一篇： summerDao-比mybatis更强