window.open打开新标签页面
前端
window.open('http://www.cnblogs.com/0banana0/p/3566347.html','_blank','configration')
调用window.open是打开新窗口,还是打开新标签页,这里要加以区分。
- window.open(url)或者window.open(url, name),其中name为_blank
- 标准浏览器、新标签打开链接url
- window.open(url, name, configration)
- 只要配置了configration,都是新窗口打开链接的
- let routeDate=this.$router.resolve({path:'/index},query:{data:JSON.stringify(this.object ))
- window.open(routerDate.href,'_blank')
- post传参 get的话只需要在路径下拼接参数即可
- 接收的话:let object=JSON.parse(this.$router.query.data)
- this.$router.resolve vue提供的跳转 不走路由 打开新标签页
新补充的内容 欢迎大佬指正
window.open新打开窗口与新开标签页
最近在使用window.open时忽略了一个细节问题:window.open新打开一个窗口,但是有时却是新打开一个窗口有时打开一个新标签页。虽然对一般的需求来说,这个两种情况都无所谓,但是对于那种有强烈区分的需求来说还是要注意的。那么怎么会出现这种不同的打开情况呢,这要从window.open方法的用法和不同浏览器来区分。
1、window.open的用法容易忽视的细节
window.open方法有三个参数:
window.open(url, [name], [configuration])
其中:
- url, 为要新打开页面的url
- name,为新打开窗口的名字,可以通过此名字获取该窗口对象
- configuration,为新打开窗口的一些配置项,比如是否有菜单栏、滚动条、长高等等信息
例如,新打开一个没有菜单栏、标题栏、工具栏,但是有滚动条、状态栏、地址栏且可伸缩窗口的方法调用如下:
window.open("index.html","newWindow","menubar=0,scrollbars=1, resizable=1,status=1,titlebar=0,toolbar=0,location=1");
window.open(url, name, configration)
只要配置了configration,所有浏览器都是新窗口打开链接url
窗口name值 | 描述 |
_blank | 默认的,在新窗口打开链接的url |
_self | 在当前窗口打开链接url |
_parent | 在父窗口打开链接url |
_top | 在顶级窗口打开url |
framename | 在指定的框架中打开链接url |
window.open打开新标签页面相关推荐
- js 页面跳转两种方式(原页面跳转,打开新标签页)
1 页面跳转(原页面跳转) (1)a标签实现 <a href="https://blog.csdn.net/qq_38974638">旭东怪的博客</a> ...
- JS window.open()打开新窗口、监听页面打开关闭状态(详细)
使用 window 对象的 open() 方法可以打开一个新窗口.用法如下: window.open (URL, name, features, replace) 参数列表如下: URL:可选字符串, ...
- selenium,设置火狐浏览器下载文件时不要弹出弹框问题、以标签页打开新的页面及设置失效问题
使用火狐浏览器做自动化时, 1.火狐浏览器下载文件会弹出弹框,可以通过设置火狐浏览器不要弹出弹框的方式,来完成自动化测试 def setup_method(self):# 创建一个存放自定义浏览器配置 ...
- angular2 页面中使用window.open打开新窗口后,新页面document.addEventListener visibilitychange事件不生效(谷歌浏览器)
如题目所述,在原来页面中,使用window.open打开新页面链接,新页面中需要实现浏览器窗口切换时,监听当前窗口切换超过几次进行提醒,新窗口监听事件如下 if (document.hidden != ...
- 关于钉钉工作台无法打开新标签页的解决方案
项目场景:钉钉内打开新标签页 项目场景:在钉钉后台页面点击打开新标签页的时候,在钉钉内打开新标签页 问题描述 在钉钉后台页面点击打开新标签页的时候,我们需要在钉钉内打开,而浏览器会自动弹出并打开页面. ...
- 如何在Firefox火狐浏览器点击链接打开新标签页、搜索、和书签
如何在Firefox火狐浏览器点击链接打开新标签页.搜索.和书签 在新标签页打开网页上的链接(点击链接打开新标签页) 在新标签中打开搜索结果 在新标签页打开书签 打开Firefox火狐浏览器设置 在F ...
- 谷歌浏览器设置打开新标签页为指定网页设置
解决每次打开谷歌浏览器新标签页面时出现谷歌无法响应问题. 首先下载new tab 插件 下载: 链接: https://pan.baidu.com/s/1Y0L1GF6gk_kPw6bwYqQ4hQ ...
- 火狐打开新标签不覆盖当前_火狐浏览器打开的新书签不会取代当前标签如何设置?...
软件安装:火狐浏览器 Mozilla Firefox,中文俗称"火狐"(正式缩写为Fx或fx,非正式缩写为FF),是一个自由及开放源代码的网页浏览器,使用Gecko排版引擎,支持多 ...
- php打开js文件怎么打开新窗口打开,JS window.open()打开新窗口(非常详细)
使用 window 对象的 open() 方法可以打开一个新窗口.用法如下: window.open (URL, name, features, replace) 参数列表如下: URL:可选字符串, ...
最新文章
- 5.html基础标签:块级+行级元素+特殊字符+嵌套规则
- 用java做出32选7_用java做的一个彩票32选7的简单程序
- 新版Edge浏览器弹出“ 禁用开发人员模式扩展 ”的解决方案
- Linux系统如何在开机时修改root密码
- 硬件?软件?视频会议系统中两者有何区别?
- 怎么快速搭建属于自己的博客
- ABP项目后台初始化数据库
- SaaS应用出路何在?
- 超标量处理器设计 姚永斌 第10章 指令提交 摘录
- 【控制理论】矩阵求逆引理推导及理解
- 谷歌浏览器---日常使用设置
- 现行各主流语言的特点
- MATLAB 数学应用 微分方程 时滞微分方程 dde23
- 空仓者控制仓位,精选个股,波段操作
- HTML标签 链接 CSS样式
- Promodel®模拟和优化套装加速企业绩效改善 功能介绍
- linux qt 背景图片,qt设置背景图片
- 高考之后,入世之前,我上了数据的“贼船”
- Less or Equal
- java检验两个文章重复率,代码重构:代码的坏味道