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脚本打开一个网页属于一个危险的行为,会被阻止,大家在写代码时要多多的测试一下。