第三章 JavaScript显示窗口页面效果--各种弹出窗口方法_js哪个方法可以让窗口显示刚刚显示过的页面-优快云博客

本文介绍如何使用JavaScript的window.open方法来创建不同场景下的弹出窗口，包括通过按钮、链接及页面加载和卸载事件触发窗口弹出，并详细解释了各种参数的作用。

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

效果演示：

JavaScript代码：

　function openFirst(){
　　 window.open ("../jsweb/page.html", "newwindow", "height=200, width=200, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
　　 }

function openSec() { //弹出两个窗口
　　 window.open ("../jsweb/page.html", "newwindow", "height=200, width=200, top=0, left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")

　　window.open ("../jsweb/page.html", "newwindow2", "height=200, width=200, top=200, left=200,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")

　　}

JavaScript代码讲解:	window.open	弹出新窗口的命令
	"page.html"	弹出窗口的文件名
	"newwindow"	弹出窗口的名字，非必须，可用空""代替
	height=200, width=200,top=0,left=0	窗口高度和宽度，窗口距离屏幕上方和左侧的象素值，
	toolbar=no, menubar, scrollbars	表示是否显示工具栏、菜单栏和滚动栏
	resizable=no	是否允许改变窗口大小，yes为允许
	location=no	是否显示地址栏，yes为允许
	status=no	是否显示状态栏内的信息（通常是文件已经打开），yes为允许
	<input type="button" value="按钮弹窗口" onclick="openFirst()" />	点击按钮调用openFirst()函数，弹出窗口
	<a href="#" onclick="openFirst()">点击链接弹出窗口</a>	点击链接调用openFirst()函数，弹出窗口
	<body onload="openFirst()">	浏览器读页面时弹出窗口
	<body onunload="openFirst()">	浏览器离开页面时弹出窗口
	<a href="1.html" onclick="openFirst()">	主窗口打开文件1.html,同时弹出小窗口page.html
	function closeit(){ 　　setTimeout("self.close()",10000) 　}	弹出的窗口之定时关闭控制，只要在<body onload="closeit()">