2019獨角獸企業重金招聘Python工程師標準>>>

1.子頁面取父頁面的值

采用url 傳值的方式 ? ？+&

<iframe?src="child.html?a=1&b=2&c=3"></iframe>

????這樣，在子頁面的js中便可以取值，將物質方法封裝為一個FUNCTION

function?Request(argname){??var?url?=?document.location.href;??var?arrStr?=?url.substring(url.indexOf("?")+1).split("&");??//return?arrStr;??for(var?i?=0;i<arrStr.length;i++)?{??var?loc?=?arrStr[i].indexOf(argname+"=");??if(loc!=-1){??return?arrStr[i].replace(argname+"=","").replace("?","");??break;??}??}??return?"";??}

????這樣就可以輕松取出所有的參數值

var?a=?Request("a"); var?b=?Request("b"); var?c=?Request("c");

2.子頁面調用父頁面的方法

子頁面調用父頁面方法，parent.方法名（）即可。

var?word???= parent.say();

3.子頁面向父頁面傳參

可以理解為在父頁面定義了一個變量，子頁面調用該變量并且給它賦值。

window.parent.id="123"

4.父頁面調用子頁面方法

<iframe?name="myframe"?src="child.html"></iframe>

調用方法：

myframe.window.functionName();

轉載于:https://my.oschina.net/kingchen8080/blog/608368

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的iframe标签 父子页面传值的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。