JS基于Location实现访问Url、重定向及刷新页面的方法分析

var currentURL=window.location;

http://www.example.com:80/example.cgi"color: #0000ff">www.example.com 是 域名, 80 是端口, /example.cgi 是路径, "color: #0000ff">www.example.com:80

href

  包含整个URL例如：http://www.example.com:80/example.cgi"htmlcode">

var currentURL=window.location;
alert(currentURL.href);//Displays'http://www.example.com:80/example.cgi"htmlcode">

window.location.href="http://www.example.com/anotherpage.html" rel="external nofollow" ;




示例：


<input type="button" onclick="window.location.href='http://www.google.com/'"
value="Visit www.google.com"/>




使用Location的href属性跳转页面，前一页的Url会保存在浏览器的history历史中。当用户点击浏览器的“后退”按钮可以返回前一页。如果你不想让返回前一页可使用Location.replace()代替:


window.location.replace("http://www.example.com/anotherpage.html");




除了可以将页面重定向不用的页面，还可重定向当前页面不同的锚点


window.location.hash="#moreResults";




例如：


<input type="button" onclick="window.location.hash='#top'"
value="Jump to the top of the page"/>




在页面有个名为#top的锚点。点击按钮时浏览器会移动到顶部。注意观察浏览器地址栏的变化，当你点击浏览器后退按钮可回到前一位置。
4.重载刷新页面
可以调用Location.reload()强制浏览器重新刷新当前URL.就像当前用户点击浏览器的刷新按钮或F5一样。


window.location.reload();




如果该方法没有规定参数，或者参数是 false，它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改变，reload() 会再次下载该文档。如果文档未改变，则该方法将从缓存中装载文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。
如果把该方法的参数设置为 true，那么无论文档的最后修改日期是什么，它都会绕过缓存，从服务器上重新下载该文档。这与用户在单击浏览器的刷新按钮时按住 Shift 健的效果是完全一样。


window.location.reload(true);




简单示例：


<input type="button" onclick="window.location.reload()"
value="Reload the page"/>




更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript页面元素操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。