JavaScript静态页面值传递之Window.open

JavaScript


现在PC配置越来越好，有些东西可以在前端做，并且也能够实现很好的性能。有些数据传递我们可以把它放到前端来操作（当然这些数据应该是无关安全性），所以今天我要在这分享关于前端页面值传递的方法之一···


这两窗口之间存在着关系.父窗口parent.htm打开子窗口son.htm
子窗口可以通过window.opener指向父窗口.这样可以访问父窗口的对象.
注：此案例请放在服务器环境测试.

parent.html

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
<head>
	<title>parent页面</title>
</head>
<body>
<input type="text" name="maintext">
<input type="button" onclick="window.open('son.html');" value="Open">
</body>
</html>

son.html

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
<head>
	<title>son页面</title>
</head>
<body>
<script type="text/javascript">
	var parentText = window.opener.document.all.maintext.value;
	console.log(parentText);
</script>
</body>
</html>

优点:取值方便.只要window.opener指向父窗口,就可以访问所有对象.不仅可以访问值,还可以访问父窗口的方法.值长度无限制.
缺点:两窗口要存在着关系.就是利用window.open打开的窗口.不能跨域.

打赏

支付宝

支付宝

微信

微信

赏

本文标题:JavaScript静态页面值传递之Window.open

文章作者:Tsrot

发布时间:2016年03月06日 - 12时47分

最后更新:2017年10月01日 - 15时04分

原始链接:http://blog.xieliqun.com/2016/03/06/JavaScript静态页面值传递之Window-open/

许可协议: "署名-非商用-相同方式共享 3.0" 转载请保留原文链接及作者。

文章目录