首页 前端知识 window.location.href的用法

window.location.href的用法

2024-03-10 11:03:42 前端知识 前端哥 196 227 我要收藏

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();

————————————————

版权声明:本文为CSDN博主「前端赵十三」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/weixin_55846296/article/details/122001834

转载请注明出处或者链接地址:https://www.qianduange.cn//article/3539.html
标签
评论
发布的文章

jQuery之宽高

2024-04-05 09:04:19

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!