- ·上一篇文章:jquery操作iframe的方法:父页面和子页面相互操作的方法
- ·下一篇文章:纯Javascript实现的幻灯片实例
当前位置:K88软件开发 → 文章中心 → 编程语言 → JavaScript → JS01 → 文章内容
jquery在子窗口中获取父窗口控件的值和给父窗口控件赋值
今天看到一个朋友问子窗口如何给父窗口赋值的问题,我在网上找了一下,写了一个这个例子,用来测试子窗口获取父窗口控件值和给父窗口控件赋值的方法。测试页面test.html
子页面12.html
运行一下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在子窗口中获取父窗口控件的值和给父窗口控件赋值