`

js的Window--js详解(八)

    博客分类：
  • js
js的window.openerwindow.openerjs详解微风 
阅读更多

js中的Window有很多属性与方法，在这里不一一讲解了，主要讲解下window.opener，下面用祝福语例子讲解下：

window.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>js01_hello</title>
	<meta name="author" content="Administrator" />
	<script type="text/javascript">
	</script>
</head>
<body>
	<div id="welcome">欢迎进行我们的网站</div>
	<a href="#" onclick="window.open('test02.html','aaa','width=300,height=300,resizable=0')">test02</a>
	<br/>
	<a href="#" onclick="window.open('bless.html','aaa','width=600,height=300')">输入你祝福语</a>
	<div id="bless"></div>
</body>
</html>

 bless.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>js01_hello</title>
	<meta name="author" content="Administrator" />
	<script type="text/javascript">
	function bless() {
		//获取输入的祝福语
		var mb = document.getElementById("mb").value;
		//获取父类窗口
		var p = window.opener;
		//获取父类窗口中的id为bless的div
		var pd = p.document.getElementById("bless");
		//设置pd的值
		pd.innerHTML = mb;
		//关闭当前窗口
		window.close();
	}
	</script>
</head>
<body>
	输入祝福语:<input type="text" size="40" id="mb"/><input type="button" onclick="bless()" value="输入" />
</body>
</html>

 提醒下：google浏览器好像不支持window.opener，可能是没有了解到，如有知道的请解答下，谢谢

分享到：
| js的function--js详解(十一)
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics