当前位置:asp编程网>技术教程>Javascript教程>  正文

jquery在子窗口中获取父窗口控件的值和给父窗口控件赋值

2012-06-20 11:03:50   来源:www.aspbc.com    作者:wangsdong   浏览量:1428   收藏
今天看到一个朋友问子窗口如何给父窗口赋值的问题,我在网上找了一下,写了一个这个例子,用来测试子窗口获取父窗口控件值和给父窗口控件赋值的方法。测试页面test.html
<script type="text/javascript">
function f()
{
   window.open('12.html');
}
</script>
<div id="aaa">123456</div>
<input type="button" value="打开" onclick="f()">
(鼠标移到代码上去,在代码的顶部会出现四个图标,第一个是查看源代码,第二个是复制代码,第三个是打印代码,第四个是帮助)

子页面12.html
  <script type="text/javascript" src="http://www.aspbc.com/js/jquery.js"></script>
  <script type="text/javascript">
  function test()
  {
    var v=$("#a1").val();
    fval=$("#aaa",opener.document).html(); //获取父窗口aaa的值

  $("#aaa",opener.document).html(v); //给父窗口aaa中赋值
   window.close();
  }
  </script>
 新数据:<input type="text" value="" id="a1"><input type="button" value="提交" onclick="test()">
(鼠标移到代码上去,在代码的顶部会出现四个图标,第一个是查看源代码,第二个是复制代码,第三个是打印代码,第四个是帮助)

运行一下test.html文件,点击一下打开按纽,看看效果。

关于我们-广告合作-联系我们-积分规则-网站地图

Copyright(C)2013-2017版权所属asp编程网