hi,欢迎访问本站!
当前位置: 首页Web前端正文

js打开新页面的方法

墨初 Web前端 2073阅读

在前段代码中,我们往往需要利用js脚本来打开一个新的页面,下面73so博客的小编就说几种利用js打开新页的方法,各位可以根据自身的需求选择一个自己适合的来使用。

js打开新页面的方法

1、window.open方法打开新页面

(1)、js在当前窗口打开一个新的页面

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

(2)、js在新的窗口或新的浏览器便签中打开指定的url

window.open("http://www.73so.com", "_blank");

(3)、js在新的窗口或新的浏览器标签打开指定的url并设置窗口的大小

window.open("http://www.73so.com", "_blank", "width=500,height=400");

注:window.open的第三个参数是设置的浏览器的窗口大小

2、 使用location.href

使用location.href可以修改当前页的url来实现打开新url的的

window.location.href = "http://www.73so.com";

注:此方法会在当前页面打开新的网址页

3、使用a标签

可以使用a标签,并模拟点击这个a标签来实现页面的跳转,来打开新的网址页。

var link = document.createElement("a");
link.href = "http://www.73so.com";
link.target = "_blank"; // 如果需要在新窗口或者新标签页中打开,可以设置target属性
document.body.appendChild(link); // 将<a>标签添加到文档中
link.click(); // 模拟点击<a>标签

以就是几个利用js脚本来打开新页面的方法,需要注意的是在一些浏览器中(比如苹果浏览器)利用js脚本打开一个网页属于一个危险的行为,会被阻止,大家在写代码时要多多的测试一下。

声明:无特别说明,转载请标明本文来源!
相关推荐