iframe标签 父子页面传值

独角兽企业重金招聘Python工程师标准>>>

1.子页面取父页面的值

采用url 传值的方式 ？+&

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

这样，在子页面的js中便可以取值，将物质方法封装为一个FUNCTION

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

这样就可以轻松取出所有的参数值

vara=Request("a");varb=Request("b");varc=Request("c");

2.子页面调用父页面的方法

子页面调用父页面方法，parent.方法名（）即可。

varword=parent.say();

3.子页面向父页面传参

可以理解为在父页面定义了一个变量，子页面调用该变量并且给它赋值。

window.parent.id="123"

4.父页面调用子页面方法

<iframename="myframe"src="child.html"></iframe>

调用方法：

myframe.window.functionName();