iframe标签 父子页面传值_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:28:40
Original
1429 Leute haben es durchsucht

1.子页面取父页面的值

采用url 传值的方式   ?+&

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

这样,在子页面的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 "";  		}
Nach dem Login kopieren

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

var a= Request("a");var b= Request("b");var c= Request("c");
Nach dem Login kopieren

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

子页面调用父页面方法,parent.方法名()即可。

var word   =	parent.say();
Nach dem Login kopieren

3.子页面向父页面传参

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

window.parent.id="123"
Nach dem Login kopieren

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

<iframe name="myframe" src="child.html"></iframe>
Nach dem Login kopieren

调用方法:

myframe.window.functionName();
Nach dem Login kopieren
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage