代码如下:
<input type="text" id="name" value="zhangsan"/>
<a href="a.html" target="_blank">预览</a>
2、子页面,也就是a.html获取父页面中文本框的value
代码如下:
$(function(){
console.info(window.opener.document.getElementById("name").value)
})
这样控制台中出来的则是父页面文本框的值 .
取父窗口的元素方法:
$(selector, window.parent.document)
那么你取父窗口的父窗口的元素就可以用:
$(selector, window.parent.parent.document)
类似的,取其它窗口的方法大同小异,
$(selector, window.top.document)
$(selector, window.opener.document)
$(selector, window.top.frames[0].document)
js:
父窗口:
1、<input type="text" name="currentProjectIDForDetail" id="currentProjectIDForDetail"
disabled
2、<input type="button"
onclick="window.open('showDetails.html','','toolsbar=no,menubar=no,resizable=yes,scrollb
ars=yes')" value="查看已有明细" id="showDetail" />
子窗口:
curproject = window.opener.document.getElementById("currentProjectIDForDetail").value
jQuery:
父窗口:
<input type="text" name="aa" id="aa" />
<input type="button"
onclick="window.open('son.html','','toolsbar=no,menubar=no,resizable=yes,scrollbars=yes')
" value="send" />
子窗口:
<script>
$(function () {
temp=$("#aa",window.opener.document).val()
$("#bb").html(temp)
})
</script>
</head>
<body>
<div id="bb"></div>
如果不跨域的话,通过parent就可以访问父页面的元素了,如:
parent.window // 访问父全局函数什么的parent.document.body // 访问元素