嵌套iframe页面中的JS调用
2014-07-26 21:36
211 查看
当你打开本页时,我猜你一定十分熟悉如何在页面上添加一段javascript代码,知道如何调用它让它正常地工作,也许你也能立即想出如何在页面上使用iframe来嵌套另一个页面,但真要让你一下子说出来如何在当前页面中调用iframe页面中的javascript代码或者修改iframe页面中的某些元素,可能你就得稍微思考一下了~
那么,请参考如下代码吧:
那么,请参考如下代码吧:
<!-- parent.html --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript"> function say(){ alert("parent.html"); } function callChild(){ myFrame.window.say(); myFrame.window.document.getElementById("button").value="调用结束"; } </script> </head> <body> <input id="button" type="button" value="调用child.html中的函数say()" onclick="callChild()"/> <iframe name="myFrame" src="child.html" /> </body> </html>
<!-- child.html --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript"> function say(){ alert("child.html"); } function callParent(){ parent.say(); parent.window.document.getElementById("button").value="调用结束"; } </script> </head> <body> <input id="button" type="button" value="调用parent.html中的say()函数" onclick="callParent()" /> </body> </html>
相关文章推荐
- js:iframe的使用及页面嵌套多个iframe时iframe和父页子页之间的调用
- 用js互相调用iframe页面内的js函数
- javascript中iframe里面的页面调用父窗口js函数的方法。
- iframe中的js如何调用父页面中模块化好的脚本中的方法?
- iframe里面的页面调用父窗口,左右窗口js函数的方法
- IE6下iframe调用的页面中含有DD_belatedPNG js的引用,iframe显示为空白的BUG
- 页面无刷新调用数据(IFRAME+js)
- iframe里面的页面调用父窗口,左右窗口js函数的方法
- 父页面调用iframe里的js函数
- jquery 调用iframe页面中js的方法 兼容Ie,FF,chore浏览器
- 父页面调用iframe里的js函数相关例程,Iframe之间通讯研究
- 用js互相调用iframe页面内的js函数
- iframe里面的页面调用父窗口,左右窗口js函数的方法
- iframe 大数据量传参 本地能调用远程页面 不存在跨域问题 js组件调用原理
- javascript中iframe里面的页面调用父窗口js函数的方法
- 父页面调用iframe里的js函数
- iframe里面的页面调用父窗口,左右窗口js函数的方法
- IFRAME弹出式窗口回发数据到父页面[调用父页JS方法并模拟调用按钮的回发事件]
- 在iframe里调用主页面里的js函数
- 在iframe中调用js父页面和子页面方法