iframe互相调用传值及iframe父子窗口调用

最新推荐文章于 2024-07-19 16:10:40 发布

msw、

最新推荐文章于 2024-07-19 16:10:40 发布

阅读量779

点赞数

分类专栏： HTML 文章标签： html iframe

本文链接：https://blog.csdn.net/minshiwang/article/details/79107019

版权

HTML 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

注：以下代码要在localhost里面访问，因为有些浏览器不支持该属性。

父页面代码

<html>
 <head>
  <script type="text/JavaScript">
		 function cc(){
			alert(1212);
		 }
	</script> 
 </head>
 <body> 
  <table border="1" width="100%"> 
   <tbody>
    <tr> 
     <td width="100%"><iframe src="b.htm" name="aa"></iframe></td> 
    </tr> 
    <tr> 
     <td width="100%"><iframe src="c.htm" name="bb"></iframe></td> 
    </tr> 
   </tbody>
  </table> 
 </body>
</html>

子页面b.htm

<html>
 <head>
  <title>1</title>  
  <script type="text/JavaScript">
		 function aa(){
			 parent.frames["bb"].document.all["TextBox3"].value = document.getElementById("TextBox1").value;
			 parent.frames["bb"].document.all["TextBox4"].value = document.getElementById("TextBox2").value;
		 }
		 function bb(){
			parent.cc();
		 }
	</script> 
 </head> 
 <body> 
  <form id="a"> 
   <input id="TextBox1" type="text" value="1" /> 
   <input id="TextBox2" type="text" value="2" /> 
   <input id="T" type="button" value="同级页面反应" οnclick="aa();" /> 
   <input id="T" type="button" value="父页面反应" οnclick="bb();" /> 
  </form>  
 </body>
</html>

子页面c.html

<html>
<title>2</title>
<head></head>
 <body>
 <form id="b">
 <input id="TextBox3" type="text" id="TextBox1" value="1231111"/>
 <input id="TextBox4" type="text" id="TextBox2" value="123"/>
 </form>
 </body>
</html>

msw、

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
iframe互相调用传值及iframe父子窗口调用

注：以下代码要在localhost里面访问。父页面代码 function cc(){ alert(1212); } 子页面b.htm 1 function aa(){ parent.frames["bb"].do
复制链接

扫一扫

专栏目录