JavaScript中怎么调用iframe父子窗口间的

发布时间:2021-08-11 15:27:24 作者:Leah
来源:亿速云 阅读:112

今天就跟大家聊聊有关JavaScript中怎么调用iframe父子窗口间的,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

父窗口调用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>

看完上述内容,你们对JavaScript中怎么调用iframe父子窗口间的有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注亿速云行业资讯频道,感谢大家的支持。

推荐阅读:
  1. 非父子组件间的传值
  2. iframe父子级相互调用

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

iframe javascript

上一篇:CSS样式表命名规则有哪些

下一篇:javascript中mouseenter与mouseover的异同点有哪些

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》