【Web】【javascript】【window对象之parent属性】2016.03.23

最新推荐文章于 2024-11-07 13:38:59 发布

chengji4739

最新推荐文章于 2024-11-07 13:38:59 发布

阅读量175

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/YongfengHe/blog/646158

版权

父窗口中代码

<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>14-window对象中的parent</title>
 </head>
 <script type="text/javascript">
 <!--
function fun(){
//1.拿到文本框中填写的数据
var v=document.getElementById("txt_father").value;
//2.拿到子窗口对象
var w=window.frames[0];
//3.拿到子窗口中的文本对象
var txt=w.document.getElementById("txt_sub1");
//4.将内容赋值到父窗口中的文本对象中
txt.value=v;
}
 //-->
 </script>
 <body>
显示<input type="text" name="" id='txt_father'><input type="button" value="按钮" onclick="fun()">
<iframe src='sub1.html'></iframe>
 </body>
</html>

子窗口中代码如下：

<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>sub1.html</title>
 </head>
 <script type="text/javascript">
 <!--
function fun(){
//1.拿到文本框中填写的数据
var v=document.getElementById("txt_sub1").value;
//2.拿到父窗口对象
var w=window.parent;
//3.拿到父窗口中的文本对象
var txt=w.document.getElementById("txt_father");
//4.将内容赋值到父窗口中的文本对象中
txt.value=v;
}
 //-->
 </script>
 <body>
<input type="text" name="" id="txt_sub1"><input type="button" value="传递" onclick="fun()">
 </body>
</html>

在父窗口中，若得到子类窗口，需要使用frames[]来获取子窗口集合对象

转载于:https://my.oschina.net/YongfengHe/blog/646158