当前位置:K88软件开发文章中心编程语言JavaScriptJS01 → 文章内容

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

减小字体 增大字体 作者:wangsdong     来源:asp编程网  发布时间:2018-12-30 8:58:28

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

子页面12.html
  <
script type="text/javascript" src="http://www.K88.NET/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="提交" >
(鼠标移到代码上去,在代码的顶部会出现四个图标,第一个是查看源代码,第二个是复制代码,第三个是打印代码,第四个是帮助)

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


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