JavaScript ---location.href的用法

前言

location.href=”/url”在网页中主要是牵扯到页面跳转的问题

location.href

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

• self.location.href=”/url” 当前页面打开URL页面
• location.href=”/url” 当前页面打开URL页面
• windows.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提交数据。
• “window.location.href”、”location.href”是本页面跳转
• “parent.location.href”是上一层页面跳转
• “top.location.href”是最外层的页面跳转

在新窗口打开连接

1.超链接<a href=”http://www.jb51.net” title=”脚本之家”>Welcome</a>
等效于js代码
window.location.href=”http://www.jb51.net”; //在同当前窗口中打开窗口
window.open(“http://www.jb51.net“,”_self”); //在同当前窗口中打开窗口

2.超链接<a href=”http://www.jb51.net” title=”脚本之家” target=”_blank”>Welcome</a>
等效于js代码
window.open(“http://www.jb51.net“); //在另外新建窗口中打开窗口