浏览器window.open()用法，以及利用其实现拦截弹出式窗口
定义和用法
open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。
语法
window.open(URL,name,specs,replace)
| 参数 | 说明 | ||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| URL | 可选。打开指定的页面的URL。如果没有指定URL，打开一个新的空白窗口 | ||||||||||||||||||||||||||||
| name |
可选。指定target属性或窗口的名称。支持以下值：
|
||||||||||||||||||||||||||||
| specs |
可选。一个逗号分隔的项目列表。支持以下值：
|
||||||||||||||||||||||||||||
| replace |
Optional.Specifies规定了装载到窗口的 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
浏览器window.open()用法，以及利用其实现拦截弹出式窗口相关推荐
- 【JSConf EU 2018】有关浏览器弹出式窗口的相关探讨
在前端大爆发的今天,随着层出不穷的新技术和新框架的不断推出和W3C标准的不断更新,前端开发已经不局限于展示服务端返回的信息,而更多的去关注功能,这也带给了我们更多思考. 本次JSCONF2018大会上 ...
- 如何在Mac上的 Safari 浏览器中阻止弹出式窗口？
当我们使用Mac电脑上的safari浏览器访问网站时,发现有些网站会有很多弹出式窗口或不必要的内容会出现在浏览器中.为了节省流量和时间,可以在Safari浏览器设置阻止弹出式的窗口.那我们该如何设置呢 ...
- 如何解除Macos的Safari浏览器提示弹出式窗口被阻止
故障提示 解决流程: Safari 浏览器-偏好设置-网站-弹出式窗口-改成允许 -完
- window.open一个新网页显示，已拦截此网页上的弹出式窗口
因为是ajax异步,被浏览器默认拦截,改为同步就好了 async: true,
- 解决弹出的窗口window.open会被浏览器阻止的问题
解决弹出的窗口window.open会被浏览器阻止的问题 参考文章: (1)解决弹出的窗口window.open会被浏览器阻止的问题 (2)https://www.cnblogs.com/catali ...
- 解决弹出的窗口window.open会被chrome浏览器阻止的问题
原因分析 1 当浏览器检测到非用户操作产生的新弹出窗口,则会对其进行阻止.因为浏览器认为这不是用户希望看到的页面 2 在chrome的安全机制里面,非用户触发的window.open方法,是会被拦截的 ...
- Angular2项目中浏览器拦截弹出窗口的解决方法
Angular2项目中浏览器拦截弹出窗口的解决方法 为什么把项目是Angular2的放到了前边? 因为正常也页面网上已经很多解决方案.请自行百度或Google. 现象:当window.open为用户触 ...
- JS教程()js弹出小窗口（没有浏览器窗口地址栏，工具栏，菜单栏，显示栏，只有关闭和最小化按钮）
使用js弹出小窗口(没有浏览器窗口地址栏,工具栏,菜单栏,显示栏,只有关闭和最小化按钮)代码如下:<input type="text" name="ok" ...
- 关于浏览器拦截弹出窗口问题的解决方法
关于浏览器拦截弹出窗口问题的解决方法 正常对于浏览器新开窗口有三种方式 1.html里a标签的target属性 2.javascript的window.open()方法 3.html里form表单的t ...
最新文章
- 【每日一算法】什么是二分图？
- BAT集体告别中台上半场！接下来，中台怎么玩？
- Sending e-mail with Spring MVC--转载
- 排队问题解题思路_高考文科数学是最“拉分”的！6种题型分析与10大解题方法...
- mysql sequence 关键字_mysql增加sequence功能
- .Net中XML,JSON的几种处理方式
- hexo博客完整备份
- 【渝粤题库】陕西师范大学200131中国古代文论 作业（专升本）
- 一个15年的架构师谈“如何成为一名优秀的解决方案架构师”
- easyui 合并单元格
- Event representations with tensor-based compositions笔记
- 目标检测：YOLO You Only Look Once
- 暴雪和黑客的战争四：暴雪的杀手锏－The Warden
- STM32的一个通用定时器理论上可以当做N个来用
- 课时10：列表：一个打了激素的数组1
- Android zxing,轻松实现二维码扫描、生成
- 日本教育家多湖辉的《学生用功术》---2
- 有限元学习笔记-非线性问题建模与张量应用
- Excel中文转拼音（完整版）
- java ssdb查询_Java 使用 SSDB