前端

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打开新标签页面相关推荐

  1. js 页面跳转两种方式(原页面跳转,打开新标签页)

    1 页面跳转(原页面跳转) (1)a标签实现 <a href="https://blog.csdn.net/qq_38974638">旭东怪的博客</a> ...

  2. JS window.open()打开新窗口、监听页面打开关闭状态(详细)

    使用 window 对象的 open() 方法可以打开一个新窗口.用法如下: window.open (URL, name, features, replace) 参数列表如下: URL:可选字符串, ...

  3. selenium,设置火狐浏览器下载文件时不要弹出弹框问题、以标签页打开新的页面及设置失效问题

    使用火狐浏览器做自动化时, 1.火狐浏览器下载文件会弹出弹框,可以通过设置火狐浏览器不要弹出弹框的方式,来完成自动化测试 def setup_method(self):# 创建一个存放自定义浏览器配置 ...

  4. angular2 页面中使用window.open打开新窗口后,新页面document.addEventListener visibilitychange事件不生效(谷歌浏览器)

    如题目所述,在原来页面中,使用window.open打开新页面链接,新页面中需要实现浏览器窗口切换时,监听当前窗口切换超过几次进行提醒,新窗口监听事件如下 if (document.hidden != ...

  5. 关于钉钉工作台无法打开新标签页的解决方案

    项目场景:钉钉内打开新标签页 项目场景:在钉钉后台页面点击打开新标签页的时候,在钉钉内打开新标签页 问题描述 在钉钉后台页面点击打开新标签页的时候,我们需要在钉钉内打开,而浏览器会自动弹出并打开页面. ...

  6. 如何在Firefox火狐浏览器点击链接打开新标签页、搜索、和书签

    如何在Firefox火狐浏览器点击链接打开新标签页.搜索.和书签 在新标签页打开网页上的链接(点击链接打开新标签页) 在新标签中打开搜索结果 在新标签页打开书签 打开Firefox火狐浏览器设置 在F ...

  7. 谷歌浏览器设置打开新标签页为指定网页设置

    解决每次打开谷歌浏览器新标签页面时出现谷歌无法响应问题. 首先下载new tab 插件 下载: 链接: https://pan.baidu.com/s/1Y0L1GF6gk_kPw6bwYqQ4hQ ...

  8. 火狐打开新标签不覆盖当前_火狐浏览器打开的新书签不会取代当前标签如何设置?...

    软件安装:火狐浏览器 Mozilla Firefox,中文俗称"火狐"(正式缩写为Fx或fx,非正式缩写为FF),是一个自由及开放源代码的网页浏览器,使用Gecko排版引擎,支持多 ...

  9. php打开js文件怎么打开新窗口打开,JS window.open()打开新窗口(非常详细)

    使用 window 对象的 open() 方法可以打开一个新窗口.用法如下: window.open (URL, name, features, replace) 参数列表如下: URL:可选字符串, ...

最新文章

  1. 5.html基础标签:块级+行级元素+特殊字符+嵌套规则
  2. 用java做出32选7_用java做的一个彩票32选7的简单程序
  3. 新版Edge浏览器弹出“ 禁用开发人员模式扩展 ”的解决方案
  4. Linux系统如何在开机时修改root密码
  5. 硬件?软件?视频会议系统中两者有何区别?
  6. 怎么快速搭建属于自己的博客
  7. ABP项目后台初始化数据库
  8. SaaS应用出路何在?
  9. 超标量处理器设计 姚永斌 第10章 指令提交 摘录
  10. 【控制理论】矩阵求逆引理推导及理解
  11. 谷歌浏览器---日常使用设置
  12. 现行各主流语言的特点
  13. MATLAB 数学应用 微分方程 时滞微分方程 dde23
  14. 空仓者控制仓位,精选个股,波段操作
  15. HTML标签 链接 CSS样式
  16. Promodel®模拟和优化套装加速企业绩效改善 功能介绍
  17. linux qt 背景图片,qt设置背景图片
  18. 高考之后,入世之前,我上了数据的“贼船”
  19. Less or Equal
  20. java检验两个文章重复率,代码重构:代码的坏味道

热门文章

  1. 图解TCP/IP 第一章 网络基础知识
  2. 智能手表发展史:我们用过、见过和从未听说的
  3. 批量抠图,只需要这几行python代码!
  4. 如何从零开始系统学习量化交易-附资料
  5. ImageButton点击替换背景再次点击显示默认图片
  6. 【winPE系统下如何安装游戏手柄】
  7. 微信小程序答题页——swiper渲染优化及swiper分页实现
  8. 刚挣钱的程序员同学该如何花钱?
  9. mysql和oceanbase区别,OceanBase基本概念
  10. AutoCAD WS for iPhone, iPod toch, and iPad