首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js控制浏览器新开窗打开页面

2016-07-18 09:07:01 在a标签有一个属性为target,将其值设置为“_blank“,即可新开一个窗口打开页面,那么通过js也可以控制打开新的窗口来开启页面。...我们都知道form表单提交可以刷新页面,同时如果给form表单设置一个target同样也可以达到a标签的效果 form.target="_blank"; form.action="aaa.aspx";...还有一个办法就是采用window.open()的方式,window.open方法可控制的样式丰富,比如我们可以控制窗口显示的大小,窗口显示的内容,以及位置等等。...都是使用js中的window.open有一个缺点就是容易被浏览器屏蔽。本文介绍了js中打开新窗口的各种方法。...window.showModelessDialog('/red','','dialogWidth:800px;dialogHeight:300px')">open3 上面说的几种方式浏览器会拦截

6.5K20
您找到你想要的搜索结果了吗?
是的
没有找到

js 停止事件冒泡 阻止浏览器的默认行为(阻止a标签跳转 )

在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。...停止事件冒泡 JavaScript代码 //如果提供了事件对象,则这是一个非IE浏览器 if ( e && e.stopPropagation ) //因此它支持W3C的stopPropagation(...e.stopPropagation();  else //否则,我们需要使用IE的方式来取消事件冒泡  window.event.cancelBubble = true; return false; 阻止浏览器的默认行为...JavaScript代码           //编辑文章时阻止a标签跳转 $("#final_content").find("a").click(function(e...){ //如果提供了事件对象,则这是一个非IE浏览器 if ( e && e.preventDefault )

5.9K40

浏览器标签通信

写在前面 今天说一下跨标签通信的一种实现方式,首先跨标签指的是同一个浏览器中不同标签之间进行数据通信,也就是说比如在第一个标签写了一个数据,在另一个标签里面进行数据的使用,而且是实时的 先说现象...但是不是实时的,无法做到页面不刷新就更新数据的目的 实现方案之一:BroadcastChannel MDN-BroadcastChannel 他的实现过程是很简单的,通过一个实例发送一条广播出去,这个时候浏览器可以通过监听消息的方式进行获取对应的实例的消息内容..." 接收到的广播消息:", e) cb(e.data) }) } else { console.error(' 回调函数是必传项') } } // TODO: 关闭接收广播 以便于JS.../crossTagCommunication.js"> 发送消息给标签二.../crossTagCommunication.js"> 收到的消息 //

23410

如何恢复误删的浏览器标签

如何恢复误删的浏览器标签 ​ 我们在日常使用浏览器的过程中可能会误删除了自己的收藏文件夹。当然官方也会考虑到这一点,通常情况下,浏览器会对你的收藏文件做备份,下面是如何恢复误删的浏览器标签的方法。...Firefox(火狐浏览器) 点击右上角的四道横线 选择书签 选择下方的管理书签 点击上栏的 导入与备份,选择 恢复,选择你想要恢复到某一天的状态 一图流讲解: 注:你可能有其他问题,可以访问下列网页进行访问...: 1.Firefox 用户支持: Firefox 用户支持: 2.书签丢失: ​ 书签丢失: Edge浏览器: ​ edge浏览器的恢复过程相对简单 ​ 1.选择右上角的 ··· ​ 2.选择收藏夹

31510

JS控制流程

在语句块里声明的变量作用域是其所在的函数或者 script 标签内,你可以在语句块外面访问到它。换句话说,语句块 不会生成一个新的作用域。...break语句包含一个可选的标签,可允许程序摆脱一个被标记的语句。break语句需要内嵌在引用的标签中。被标记的语句可以是任何 块语句;不一定是循环语句。...console.log (':-('); // skipped } console.log ('2'); // skipped } continue 终止执行当前或标签循环的语句...与 break 语句的区别在于, continue 并不会终止循环的迭代,而是: 在 while 循环中,控制流跳转回条件判断; 在 for 循环中,控制流跳转到更新语句。...也就是,你想让try语句中的内容成功, 如果没成功,你想控制接下来发生的事情,这时你可以在catch语句中实现。

7.3K10

使用Referer Meta标签控制referer 来源

虽然有一些方法可以控制 referer ,比如 flash,以及一些 js 的 tricks,但是本文中描述的是另外一番景象。...使用场景 在某些情况下,出于一些原因,网站想要控制页面发送给 server 的 referer 信息的情况下,可以使用这一 referer metadata 参数。...,浏览器客户端将按照如下步骤处理这个标签: 1.如果 meta 标签中没有 content 属性,则终止下面所有操作 2.将 content 的值复制给 referrer-policy ,并转换为小写...等后面的其他 url 部分),而不是完整的 URL : 注意:在使用本文中所述的 meta 标签的时候,浏览器原有的 referer...origin 信息不是一个完整的 url,所以浏览器客户端估计会在 origin 后面加一个 / 来作为 path 部分。 如果 origin 是唯一的,会发生什么情况呢?

2.8K60

浏览器标签转成 DOM 的过程

- 用来完成网络调用,例如http请求,它具有平台无关的接口,可以在不同平台上工作 UI 后端- 用来绘制类似组合选择框及对话框等基本组件,具有不特定于某个平台的通用接口,底层使用操作系统的用户接口 JS...解释器- 用来解释执行JS代码 数据存储- 属于持久层,浏览器需要在硬盘中保存类似cookie的各种数据,HTML5定义了web database技术,这是一种轻量级完整的客户端存储技术 ?...如果仍然无法确定编码,浏览器还会自行匹配一种解码格式来处理数据。有时候,解码格式也会写在 标签中。...最坏的情况是,浏览器进行了有根据的猜测,然后开始解析之后发现一个矛盾的 标签。在这些罕见的情况下,解析器必须重新启动,丢弃之前解码的内容。...但是,预解析可以识别特定的 HTML 标签的名称和属性,以及 URL。

2.1K00

html meta 标签浏览器缓存关系

html 中 meta 的介绍 基本介绍 meta 标签主要是用来描述一个 html 网页文档的属性的。 例如 作者、日期、时间、页面刷新。 还可以用于 seo 的搜索优化。...keyword、description、author、robot 基本应用 // 语言格式 "utf-8"> //关键字 和 描述 html 主体内容 "keywords" content="关于meta标签...是否设置缓存 "pragma" content="no-cache"> // 等待一定时间自动跳转 "refresh" content="1; url=https://www.baidu.com"/> 标签中在移动端的使用...浏览器是如何判断缓存是否过期?...浏览器缓存分为:强缓存和协商缓存。 1、强缓存:浏览器加载资源时,第一步先判断它是否是强缓存,如果是,浏览器将直接从自己的缓存中读取,不会向服务器发送请求。

95430

js判断浏览器信息

本示例讲述了关于js获取各种浏览器信息,例如微信浏览器,qq内置浏览器,电脑火狐浏览器,qq浏览器等等 判断手机相关浏览器 if (browser.versions.mobile) { //判断是否是移动设备打开...ua.match(/QQ/i) == "qq") {       //在QQ空间打开   }        if(browser.versions.android){           //是否在安卓浏览器打开...  } } else {            //否则就是PC浏览器打开        } 浏览器信息汇总 var browser = {  versions: function () {   var... u = navigator.userAgent, app = navigator.appVersion;  return {   //移动终端浏览器版本信息    iPad: u.indexOf('iPad...') > -1, //是否iPad       iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器    trident: u.indexOf(

7.5K10

Selenium控制浏览器常用操作

写在前面 Selenium在做web测试的时候直接操作浏览器运行,这篇文章将介绍Selenium控制浏览器常用操作。 驱动多个浏览器 在日常的自动化测试中,有时需要驱动多个浏览器页面。...控制浏览器窗口大小 有时我们需要对移动站点的样式进行评估,可是浏览器的正常尺寸是不合适的,这时候我们将浏览器设置成移动端大小即可。...driver.get("https://www.testclass.cn") #同时设置浏览的位置和窗口大小 driver.set_window_rect(40,80,400,800) driver.quit() 控制浏览器窗口最大化...() driver.quit() 控制浏览器全屏显示 WebDriver提供了方法可以使浏览器全屏显示(效果等同谷歌浏览器按F11)。...,谷歌浏览器(F11)可以进入全屏和退出全屏; driver.fullscreen_window() driver.quit() 控制浏览器前进/后退 WebDriver提供了对应的back()和forward

1.2K20
领券