当前位置: 代码迷 >> JavaScript >> JavaScript BOM学习札记――window对象3
  详细解决方案

JavaScript BOM学习札记――window对象3

热度:206   发布时间:2012-08-28 12:37:01.0
JavaScript BOM学习笔记――window对象3

1.导航和打开新窗口

??????? window.open()方法可以打开新的窗口。该方法有四个参数:

??????? (1)新窗口url;

??????? (2)新窗口名称;

??????? (3)特性字符串

??????? (4)新页面是否替换当前页面(Boolean值)只在调用该方法但不打开新窗口时有用

??????? 一般情况下会用到前面三个参数。

??????? window.open("http://www.wrox.com","topFrame");这一行代码的效果类似用户点击链接http://www.wrox.com,而其target="topFrame"。当然,专用的框架名_self,_parent,_top,_blank也是有效的。

??????? 如果声明的第二个参数是无效的,则该窗口的特性由第三个参数决定。如果第三个参数省略,则类似于点击链接target="_blank"。这意味着新窗口的设置,与默认的浏览器的设置完全一样。特性字符串使用逗号隔开的设置列表。

??????? window.open()方法的返回值是新产生窗口对象。可以利用该对象进行操作。示例:

<html>
	<head>
		<title></title>
		<script type="text/javascript">
			function openwindow() {
				//newWnd保存新创建的窗口对象
				var newWnd = window.open("http://www.google.com","googlewindow","height=600,width=800,resizable=yes");
				//下面开始窗口操作
				
				//将新窗口宽度和高度加大100,50
				newWnd.resizeBy(100,50);

				//关闭新窗口
				newWnd.close();
			}
		</script>
	</head>
	<body onload="openwindow();">
	</body>
</html>

???????? 被打开的窗口中,通过opener属性保存对打开该窗口的窗口的引用(呵呵,有点向绕口令)。上面的例子中,

alert(newWnd.opener==window)会显示true。

?

参考书:
《JavaScript高级编程》Nicolas C. Zakas著, 曹力 张欣 等译。

  相关解决方案