JavaScript BOM学习笔记——window对象3

最新推荐文章于 2025-07-18 22:48:35 发布

iteye_6931

最新推荐文章于 2025-07-18 22:48:35 发布

阅读量163

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_6931/article/details/82172879

JavaScript 专栏收录该内容

15 篇文章

订阅专栏

本文详细介绍了JavaScript中用于打开新窗口的window.open()方法的使用方式、参数及其返回值，并提供了实例演示如何通过该方法操作新开窗口，包括设置窗口特性、调整窗口大小以及关闭窗口。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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著，曹力张欣等译。