html iframe的子页面调用父页面方法(代码教程)
程序员文章站
2022-11-27 22:58:09
想了很久还是weilerihoufangbian
父页面代码:
...
想了很久还是weilerihoufangbian
父页面代码:
<!DOCTYPE html> <html> <head> <title>parents</title> <meta charset="UTF-8"> </head> <body> <script language="javascript" type="text/javascript"> function sayhello() { alert('Hello World!'); } var value = 'value'; </script> <p id="default">p内容</p> <iframe src="child.html"></iframe> </body> </html>
子页面
<!DOCTYPE html> <html> <head> <title>child</title> <meta charset="UTF-8"> <script language="javascript" type="text/javascript" src="js/jquery.min.js"></script> <script language="javascript" type="text/javascript"> $(function() { //在iframe子页面中查找父页面元素 alert($('#default', window.parent.document).html()); //在iframe中调用父页面中定义的变量 alert(parent.value); //在iframe中调用父页面中定义的方法 parent.sayhello(); }); </script> </head> <body> <p>iframe子页面内容</p> </body> </html>
注意:
父页面的属性和方法必须在iframe标签之前
上一篇: 花见羞是什么人?她为什么不愿意当皇后
下一篇: memcached服务
推荐阅读
-
jquery、js调用iframe父窗口与子窗口元素的方法教程
-
iframe子页面获取父页面元素的方法
-
html iframe的子页面调用父页面方法(代码教程)
-
Vue 使用iframe引用html页面实现vue和html页面方法的调用操作
-
html iframe 子页面调用父页面的方法
-
html静态页面调用php文件的方法,_PHP教程
-
iframe里面的页面调用父窗口,左右窗口js函数的方法 CC++C#HTML.net
-
iframe里面的页面调用父窗口,左右窗口js函数的方法 CC++C#HTML.net
-
JSP子页面与父页面的交互,方法、元素的相互调用的方法教程
-
js父页面调用子页面数据时,子页面通过父页面传过来的参数回调父页面具体方法_html/css_WEB-ITnose