当前位置: 首页>html>iframe>HTML里iframe 链接传值问题。

HTML里iframe 链接传值问题。

时间:2015-06-23 10:07 来源:网络整理 作者:KKWL 点击:
给你一个简单的例子吧,我自己写的:在test.html页面里加载test1.htmltest.html代码:htmlheadmeta http-equiv=Content-Type content=text/html; charset=UTF-8title测试/titlescript type=text/javascript src=js/jquery.js/script/

给你一个简单的例子吧,我自己写的:在test.html页面里加载test1.html test.html代码: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>测试</title> <script type="text/javascript" src=js/jquery.js></script> </head> <body> 父页面 <iframe src="test1.html" style="width:710px; height:700px;" frameborder="0"></iframe> <!--加载test1.html --> <div id="div1"></div> <!--将要加载的内容 --> </body> </html> test1.html代码: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>test</title> <script type="text/javascript" src=js/jquery.js></script> <script type="text/javascript" > function add(){ $('#div1', window.parent.document).html('Hello'); } </script> </head> <body> 子页面 <button onclick="add()"></button> </body> </html> 其中,在test1.html的JS中有这样一段代码:$('#div1', window.parent.document),意思是在父页面(也就是test.html)中查找id是div1的元素,这样可以吧“Hello”加载到id是div1的元素中,也就是在一个空的div中添加了内容 希望对你有帮助

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------