浏览器window.open()用法，以及利用其实现拦截弹出式窗口

最新推荐文章于 2023-10-12 11:37:44 发布

崽崽的谷雨

最新推荐文章于 2023-10-12 11:37:44 发布

阅读量4.9k

点赞数 1

分类专栏： js 前端文章标签：前端

本文链接：https://blog.csdn.net/weixin_44058725/article/details/129259961

版权

js 同时被 2 个专栏收录

53 篇文章 2 订阅

订阅专栏

前端

24 篇文章 0 订阅

订阅专栏

定义和用法

open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。

语法

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

参数

说明

URL

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

name

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

_blank - URL加载到一个新的窗口。这是默认
_parent - URL加载到父框架
_self - URL替换当前页面
_top - URL替换任何可加载的框架集
name - 窗口名称

specs

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

channelmode=yes\|no\|1\|0	是否要在影院模式显示 window。默认是没有的。仅限IE浏览器
directories=yes\|no\|1\|0	是否添加目录按钮。默认是肯定的。仅限IE浏览器
fullscreen=yes\|no\|1\|0	浏览器是否显示全屏模式。默认是没有的。在全屏模式下的 window，还必须在影院模式。仅限IE浏览器
height=pixels	窗口的高度。最小.值为100
left=pixels	该窗口的左侧位置
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
top=pixels	窗口顶部的位置.仅限IE浏览器
width=pixels	窗口的宽度.最小.值为100

replace

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

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

Window open() 方法 | 菜鸟教程

实例

1.打开一个窗口，并控制其外观

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function open_win(){
	window.open("http://www.runoob.com","_blank","toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=400, height=400");
}
</script>
</head>
<body>
	
<form>
<input type="button" value="打开窗口" onclick="open_win()">
</form>
	
</body>
</html>

2. 拦截弹出式的窗口

(1)window.open 实现

window.open('url','_blank','toolbar=no,location=no,directories=no,status=no,menubar=no') 拦截弹出式的窗口

 
 window.open('url','_blank','toolbar=no,location=no,directories=no,status=no,menubar=no')

作用是打开一个新窗口，并且不显示工具栏、地址栏、目录栏、状态栏和菜单栏。url 是要打开的网页地址，_blank 表示在新窗口中打开。

执行之后就会看到浏览器右上角有个窗口带个红色的x。

(2) 手动设置

谷歌浏览器直接输入这个地址可以手动设置:

chrome://settings/content/popups

edge:

edge://settings/content/popups

崽崽的谷雨

关注

1
点赞
踩
7

收藏

觉得还不错? 一键收藏
打赏
0
评论
浏览器window.open()用法，以及利用其实现拦截弹出式窗口

浏览器window.open()用法，以及利用其实现拦截弹出式窗口window.open('url','_blank','toolbar=no,location=no,directories=no,status=no,menubar=no')
复制链接

扫一扫