js打开新页面的几种方式

时间：2023-06-08

open方式

1.点击某一个链接之后跳转到新页面显示

window.open(‘http://www.baidu.com’,’_blank’);

2.需要刷新当前页面或者覆盖当前页面

window.open(‘http://www.baidu.com’,’_self’);

location方式

javascript中的 location.href 有很多种用法，主要如下。

self.location.href=“/url” 当前页面打开URL页面
location.href=“/url” 当前页面打开URL页面
window.location.href=“/url” 当前页面打开URL页面，前面三个用法相同。
this.location.href=“/url” 当前页面打开URL页面
parent.location.href=“/url” 在父页面打开新页面
top.location.href=“/url” 在顶层页面打开新页面

如果页面中自定义了frame，那么可将parent self top换为自定义frame的名称,效果是在frame窗口打开url地址

此外，window.location.href=window.location.href;和window.location.Reload()和都是刷新当前页面。区别在于是否有提交数据。当有提交数据时，window.location.Reload()会提示是否提交，window.location.href=window.location.href;则是向指定的url提交数据

如果要关闭当前窗口，并且在新窗口打开某一链接：

var a = document.createElement('a')
a.setAttribute('href', href)
a.setAttribute('target', '_blank')
a.setAttribute('id', 'startTelMedicine')
a.onclick = function () {
//关闭窗口的方法
window.opener = null
window.open('', '_self', '')
window.close()
}
// 防止反复添加
if (document.getElementById('startTelMedicine')) {
document.body.removeChild(document.getElementById('startTelMedicine'))
}
document.body.appendChild(a)
a.click()

如果无法关闭当前弹框说明可能有父节点，可以试试：window.parent.close();

上一篇：layer.open()详细参数对照说明 下一篇：没有了

js打开新页面的几种方式

open方式

location方式

相关文章