window.location.href 用法总结
想做好前端,这几种用法一定要了解;
在做网页前端的时候会经常用到JavaScript其中window.location.href用得非常多;
其中最常用的有windows.location.href=”/url”在当前页面打开URL页面;
其实和A标签超链接里面的target=”_self” 意思是一样的,只不过一个是HTML写法,一个是JavaScript的写法而已;
javascript中的location.href有很多种用法,主要如下。
当前页面打开URL页面
1 | self.location.href=” /url ” |
当前页面打开URL页面
1 | location.href=” /url ” |
当前页面打开URL页面,前面三个用法相同
1 | windows.location.href=” /url |
当前页面打开URL页面
1 | this.location.href=” /url ” |
在父页面打开新页面
1 | parent.location.href=” /url ” |
在顶层页面打开新页面
1 | 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提交数据。
作者:Alone°李道长ご
联系:WeChat(QQ):1969170027
-------------------------------------------------
如果觉得这篇文章对你有小小的帮助的话,点点左下角“👍”博主在此感谢!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具