js —— 如何打开新标签页(window.open应用)

来源:csdn博客 分类: 文章浏览史 发布时间:2020-09-27 10:40:28 最后更新:2020-09-27 浏览:110
转载声明:
本文为摘录自“csdn博客”,版权归原作者所有。
温馨提示:
为了更好的体验,请点击原文链接进行浏览
摘录时间:
2020-09-27 10:40:28

js 如何打开新标签页(window.open应用)

在<a>标签中通过设置target="_blank"就可以实现打开新标签的效果。但有时候我们需要通过Javascript来打开新标签,那么怎么

实现呢?方法如下:

window.open("http://www.wlzhys.com");

或者:

window.open("http://www.wlzhys.com", "_blank"); //注意第二个参数

有人或许会觉得奇怪,window.open()不是用来打开新窗口的麽,怎么还可以打开新标签啊?其实只有在window.open()中指定了第三个属性

(即新窗口的特征)时浏览器才会打开新的窗口,在没指定第三个属性时只会在当前窗口打开新的标签(在IE中,如果要打开的URL与当前

页面URL不属于同一个主域名则打开新窗口;在Chrome中,如果window.open()函数不是被鼠标键盘事件调用的,而是页面直接调用或通过

定时器等调用的,则打开新窗口而非标签)。此外,下面适用于<a>标签的target参数同样适用于window.open()的name参数:


注意事项:

1.在IE中,如果要打开的域名和当前域名不属于同一个主域名,则会在新的窗口中打开(<a>标签也是这样)。

2. 在Chrome中,如果window.open()函数不是被鼠标键盘事件调用的,而是页面直接调用或通过定时器(包括鼠标键盘触发的定时器)等

调用的,则打开新窗口而非标签。

2.在新窗口或新标签中,window.open()的_parent和_top参数是无效的(只有在frame中时有效)。

3.framename参数可以设置为当前页面内的frame的name值、新窗口的name值,或者新标签的name值。

【补充说明】

window.open( url,target,init); //URL 代表 页面地址; Target 代表 目的框架

1、在新标签/页面中打开链接

window.open('http://www.wlzhys.com','target','');


2、在当前页面中打开链接

(1)window.open('http://www.wlzhys.com','_self','');

(2)window.location.href='http://www.wlzhys.com';

php技术微信