新窗口的打开（window.open）的使用

最新推荐文章于 2025-07-08 09:12:21 发布

原创最新推荐文章于 2025-07-08 09:12:21 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

24 篇文章

订阅专栏

刚学会用……

我测试用的是Google浏览器哦！语法：

window.open( URL,name,specs,replace )

参数

说明

URL

打开指定的页面的URL。如果没有指定URL，打开一个新的空白窗口

name

指定target属性或窗口的名称。支持以下值：

_blank - URL加载到一个新的窗口。这是默认
_parent - URL加载到父框架
_self - URL替换当前页面
_top - URL替换任何可加载的框架集
name - 窗口名称,相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。name 不能包含有空格。

specs

可选。一个逗号分隔的项目列表。支持以下值：
常用的四个：

top=pixels	窗口顶部距离屏幕顶部的像素数
left=pixels	窗口左侧距离屏幕左端的像素数
width=pixels	窗口的宽度.最小.值为100
height=pixels	窗口的高度最小值为100

channelmode=yes\|no\|1\|0	是否要在影院模式显示 window。默认是没有的。仅限IE浏览器
directories=yes\|no\|1\|0	是否添加目录按钮。默认是肯定的。仅限IE浏览器
fullscreen=yes\|no\|1\|0	浏览器是否显示全屏模式。默认是没有的。在全屏模式下的 window，还必须在影院模式。仅限IE浏览器
location=yes\|no\|1\|0	是否显示地址字段.默认值是yes
menubar=yes\|no\|1\|0	是否显示菜单栏.默认值是yes
resizable=yes\|no\|1\|0	是否可调整窗口大小.默认值是yes
scrollbars=yes\|no\|1\|0	是否显示滚动条.默认值是yes
status=yes\|no\|1\|0	是否要添加一个状态栏.默认值是yes
titlebar=yes\|no\|1\|0	是否显示标题栏.被忽略，除非调用HTML应用程序或一个值得信赖的对话框.默认值是yes
toolbar=yes\|no\|1\|0	是否显示浏览器工具栏.默认值是yes

replace

Optional.Specifies规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目，还是替换浏览历史中的当前条目。支持下面的值：

true - URL 替换浏览历史中的当前条目。
false - URL 在浏览历史中创建新的条目。

示例：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="jquery-3.4.1.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>小白网页</title>
<script>
	function open_win(){
		window.open("http://www.baidu.com","_blank / _parent / _self / _top "
			,"width=1500,height=680,top=165px,left=180px");
	}
</script>
</head>
<body>
	
<form>
<input type="button" value="打开窗口" onclick="open_win()">
</form>
	
</body>
</html>

为了分开这个方法，实现共用，可以写个 JS 将这些配置放进去，然后引用在jsp页面引用js就可以了。（思路仅供参考哦~）