html中iframe中子页面如何访问父页面的函数-范文

您现在的位置：爱51代码网 >> 范文 >> 文章正文

html中iframe中子页面如何访问父页面的函数

html中iframe中子页面如何访问父页面的函数
parent.html中用iframe嵌入一个child.html。当在child.html中点击按钮后调用父页面的方法。还有父页面调用子页面的方法又如何做呢？
<html> <head> <title>MyHtml.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">  </head> <script type="text/javascript"> function parentFun(){ alert("父窗口的函数"); } function parentClick(){ //document.getElementById("myFrame").childFun(); myFrame.windows.childFun();//这个方法也不可行 } </script> <body> <h1>这是父窗口</h1><input type="button" value="调用子窗口的函数" onclick="parentClick()" /> <iframe id="myFrame" src="http://192.168.2.10:8080/childHtml.html" width="200" height="200"></iframe> </body> </html>
html> <head> <title>childHtml.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">  </head> <script type="text/javascript"> function childFun(){ alert("子窗口的函数"); } function childClick(){ parent.parentFun(); /*这个方法只有在parent.html里src=本地文件夹/child.html 时才有用，child.html放到web(如上所示)上时又没用了 */ } </script> <body> <h2>这是一个子窗口</h2> <input type="button" value="调用父窗口的函数" onclick="childClick()" /> </body> </html>
把js文件单独出来，然后都引入，不就都能用了。 毕业论文
放在JS里，每个要使用的页面进行引用就可以了。因为有缓存机制，所以谈不上什么浪费。

如果涉及数据通信的话，最好使用模式对话框的方法（可以自己搜索一下这方面的资料）。
前面加 parent,例如parent.document.getElementByName()
如果使用js中定义的变量，parent.varName
如果就想在目前情况下做，可以试试
top.函数名称();
普通的全局函数相当于父窗口（或顶级窗口）的子成员。
不过内容不大可以这样多了还是推荐JQ iframe毕竟不是一个网页
父子页面的访问分跨域和同域两种情况。同域情况下，还要注意地址的写法要一致，比如127.0.0.1和localhost即使指向一个ip地址，还是会出现无法访问的问题

上一篇文章： html5中点击链接打开指定APP

下一篇文章：没有了