js打开一个新选项卡(tabs)/新窗口用的是哪个方法?

原创 野人  2022-01-22 22:42  阅读 88 次

在新窗口,想必大家,可能第一反应,肯定是window.open,对了本文的话题也就是它了,目前的打开新窗口用的最多的方式也是它了,那究竟是怎么使用它呢,下面我们来好好讲下;

语法:

var window = window.open(url, windowName, [windowFeatures]);

参数说明:

url:如果不填写的话,默认返回一个空白页,一般该值多为一个网址

windowName:可选值,新窗口的名称,注意了这个名称并不会显示在浏览器的标题中,目前已知的这个名称的功能就是如果已经有存在窗口的名称的话,默认就会跳转到该窗口,当要保证代码的运行环境是在同一个进程里,简单的说就是代码在A窗口运行的话,那后面的打开新窗口的代码也要在A窗口运行,否则跳转到已有名称的窗口规则失效啦啦。

windowFeatures:可选值,可以设定是否显示地址栏,状态栏,窗口的大小,位置...等等的信息,具体的大家可以点击此处查看。

返回值;
成功的话,返回打开的新窗口对象的引用,如果打开的窗口满足“同源策略”,就可以通过这个引用访问新窗口的属性或方法。

失败的话,返回值会是null

接下来,还有一个就是我们的要说的重点了,就是如何用js打开一个新选项卡(tabs),起初的时候我还以为是要用新的方法,后面调查一番后,才发现原来还是用window.open方法,只不过是不需要传后面的两个参数(windowName, [windowFeatures]),就可以了,啊啊啊,就这么简单,我服了js的强大了。

相关实例(22.3.13更新)

1、在新选项卡打开(实测只要没传第三个参数,且第二个参数是_blank,结果都是在新选项卡打开)

window.open('//www.yerenwz.com','_blank');

2、真正的在新窗口打开(脱离当前浏览器窗口)

window.open('//www.yerenwz.com','_blank','location=no');

本文地址:https://www.yerenwz.com/5614.html
版权声明:本文为原创文章,版权归 野人 所有,欢迎分享本文,转载请保留出处!

发表评论