iframe父子窗口间JS方法调用

最新推荐文章于 2023-06-16 11:26:41 发布

IntelligentDren

最新推荐文章于 2023-06-16 11:26:41 发布

阅读量663

点赞数

文章标签： iframe function javascript cookies 浏览器

本文链接：https://blog.csdn.net/a9254778/article/details/7443217

版权

本文向大家简单介绍一下iframe父子窗口间JS方法调用，JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用，希望本文介绍对你有所帮助。

子

function changeParentheight(){
var he = $("body").height();
parent.ParentOpt(he);
}

父

function ParentOpt(i)
{
$("iframe").attr("height",i);
}

iframe父子窗口间JS方法调用

父窗口调用iframe子窗口方法

 
 <iframenameiframename="myFrame"src="child.html"> 
 
</iframe> 
 
myFrame.window.functionName();

iframe子窗口调用父窗口方法

 
 parent.functionName();

父窗口页面

 
 <html> 
<head> 
<scripttypescripttype="text/javascript"> 
 
functionsay(){  
alert("parent.html------>I'matparent.html");  
}  
 
functioncallChild()  
{  
//document.frames("myFrame").f1();  
myFrame.window.say();  
}  
</script> 
</head> 
 
<body> 
<inputtypeinputtype=buttonvalue="调用child.html中的  
函数say()"onclick="callChild()"> 
<iframenameiframename="myFrame"src="child.html"></iframe> 
</body> 
</html>

子窗口页面

 
 <html> 
<head> 
<scripttypescripttype="text/javascript"> 
 
functionsay()  
{  
alert("child.html--->I'matchild.html");  
}  
 
functioncallParent(){  
parent.say();  
}  
</script> 
</head> 
<body> 
<inputtypeinputtype=buttonvalue="调用parent.html中的  
say()函数"onclick="callParent()"> 
</body> 
</html>

IntelligentDren

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
iframe父子窗口间JS方法调用

本文向大家简单介绍一下iframe父子窗口间JS方法调用，JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用，希望本文介绍对你有所帮助。子function changeParentheight(){ var he = $("body").height(); parent.ParentOpt(he);}
复制链接

扫一扫