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

这篇具有很好参考价值的文章主要介绍了浏览器window.open()用法,以及利用其实现拦截弹出式窗口。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

定义和用法

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。

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

(2) 手动设置 

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

chrome://settings/content/popups

edge:

edge://settings/content/popups文章来源地址https://www.toymoban.com/news/detail-483921.html

到了这里,关于浏览器window.open()用法,以及利用其实现拦截弹出式窗口的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • UniApp开发安卓以及H5实现页面级权限管理,避免用户浏览器直接输入url访问页面

    前言:uni-app如何像vue-router中的beforeEach一样实现跳转拦截功能呢? 为此uniapp官方提供了专门的API方法 uni.addInterceptor 举个栗子 我们发现底部有四个菜单分别是:首页、分类、购物车、我的;按常理来说首页和分类是不需要登陆就能查看的。另外两个则需要先登陆才能查看没登

    2024年01月16日
    浏览(50)
  • selenium---浏览器F12的正确用法

    测试过程中经常会进行抓包来查看一些错误内容,判断是前端的问题还是后端的问题,常见的抓包工具有Fiddler,Charles,还有web端的F12。今天安静来介绍下如何通过F12进行抓包查看请求内容 打开百度按下键盘F12或者邮件选择检查,这里可以看到有一些选项:Elements,Console,

    2024年02月09日
    浏览(25)
  • 浏览器开发者工具network用法,超详细讲解

    最近很多小伙伴说,不会用浏览器开发者工具,今天我们就一起来深入了解一下开发者工具。 以谷歌浏览器为例 谷歌浏览器开发者工具中的Network 是我们学习经常用到的,那么你都知道他们每个功能的意义吗? 因本人经常有360极速浏览器,谷歌内核,所以本文以360极速浏览器的

    2024年02月08日
    浏览(37)
  • 利用远程调试获取Chromium内核浏览器Cookie

    本文将介绍不依靠DPAPI的方式获取Chromium内核浏览器Cookie 首先我们以edge为例。edge浏览器是基于Chromium的,而Chromium是可以开启远程调试的,开启远程调试的官方文档如下: https://blog.chromium.org/2011/05/remote-debugging-with-chrome-developer.html 那么开启远程调试以后可以做什么呢,继续看

    2024年02月15日
    浏览(34)
  • python爬虫教程:selenium常用API用法和浏览器控制

    selenium api selenium 新版本( 4.8.2 )很多函数,包括元素定位、很多 API 方法均发生变化,本文记录以 selenium4.8.2 为准。 webdriver 常用 API 方法 描述 get(String url) 访问目标url地址,打开网页 current_url 获取当前页面url地址 title 获取页面标题 page_source 获取页面源代码 close() 关闭浏览器当

    2024年02月05日
    浏览(37)
  • 如何利用 Selenium 对已打开的浏览器进行爬虫

    大家好! 在对某些网站进行爬虫时,如果该网站做了限制,必须完成登录才能展示数据,而且只能通过短信验证码才能登录 这时候,我们可以通过一个已经开启的浏览器完成登录,然后利用程序继续操作这个浏览器,即可以完成数据的爬取了 具体操作步骤如下: 1-1 安装依

    2024年02月09日
    浏览(28)
  • 如何利用 Playwright 对已打开的浏览器进行爬虫

    之前写过一篇关于如何利用 Selenium 操作已经打开的浏览器进行爬虫的文章 如何利用 Selenium 对已打开的浏览器进行爬虫! 最近发现很多人都开始摒弃 Selenium,全面拥抱 Playwright 了,那如何利用 Playwright 进行爬虫,以应对一些反爬严格的网站呢? 对 Playwright 不了解的小伙伴,

    2024年01月19日
    浏览(27)
  • 利用浏览器扩展程序搭建免费聊天机器人

    您的“关注”和“点赞”,是认可,是支持,是动力。 如意见相佐,可留言。 本人必将竭尽全力试图做到准确和全面,终其一生进行修改补充更新。 本文首发在老羊博客网站平台。 《老羊博客》,网址:https://www.laoyangboke.com 老羊博客是一个专注于科技、信息技术和计算机

    2024年02月12日
    浏览(33)
  • 设置Windows主机的浏览器为wls2的默认浏览器

    这里以Chrome为例。 wsl是可以使用Windows主机上安装的exe程序,出于安全考虑,默认情况下改功能是无法使用。要使用的话,终端需要以管理员权限启动。 我这里以 Windows Terminal 为例,介绍如何默认使用管理员权限打开终端,具体操作如下图所示: wsl使用Windows主机的浏览器,

    2023年04月19日
    浏览(42)
  • 谷歌浏览器F12开发者工具NETWORK的用法详解

    谷歌浏览器开发者工具中的Network是前端,程序等相关开发者经常用到的,那么你都知道他们每个功能的意义吗?相信读了这篇文章,将会对你的工作带来事倍功半的效果   因本人经常有360极速浏览器,谷歌内核,所以本文以360极速浏览器的开发者工具Network为例,基本和谷歌的Network一

    2024年02月09日
    浏览(50)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包