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