js子窗口如何获取父窗口输入框值

JavaScript09

js子窗口如何获取父窗口输入框值,第1张

1、父页面

代码如下:

<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 // 访问元素