本文主要介绍了JS基于位置访问URL、重定向和刷新页面的方法，并结合实例分析了javascript利用位置访问Url、重定向和刷新页面的原理、操作技巧和注意事项。有需要的可以参考一下。
本文描述了JS访问Url，根据位置重定向和刷新页面的方法。分享给你，供你参考，如下：
通过位置访问Url、重定向和刷新页面
web中经常使用刷新页面、访问URL和重定向请求的功能。
Javascript提供了许多方法来访问和修改当前用户在浏览器中访问的url。所有这些技术都基于位置对象。它是窗口对象的一个属性。您可以生成包含当前url的新位置对象：
var currentURL=window.location
在本文中，您将看到location对象的所有属性和方法，并了解到：
如何阅读url的不同部分
如何重定向网页？
如何自动刷新或重新加载页面。
1.分析url
URL由6部分组成，其中一些是可选的：
协议//域名：端口/路径查询参数哈希
协议//主机名：端口/路径名搜索哈希
和协议域名是必需，而其他是可选的。
以下是一个包含所有部分的URL示例：
http://www.example.com:80/example.cgi?x=3y=4 #结果
在本例中，http:是协议，www.example.com是域名，80是端口，/example.cgi是路径。X=3y=4是查询字符串，#results是哈希，或者是页面内的锚点。
2.通过Location读取当前的URL
您可以使用location对象的协议、主机名、端口、路径名、搜索、散列属性来访问URL的各个部分。您也可以使用以下属性：
host
包括域名和端口，例如www.example.com:80。
href
包括完整的URL，例如：http://www.example.com:80/example.cgi? x=3y=4 #结果
示例：
var currentURL=window.location
alert(current URL . href)；//显示' http://www . example . com:80/example . CGI？x=3y=4个结果'
警报(当前协议)；//显示“http:”
alert(current URL . host)；//显示“www.example.com:80”
alert(current URL . hostname)；//显示“www.example.com”
alert(current URL . port)；//显示“80”
alert(current URL . pathname)；//显示'/example.cgi '
alert(current URL . search)；//Displays '？x=3y=4 '
alert(current URL . hash)；//显示' #results '
3.使用Location操作URL
您可以使用location的href属性将页面跳转到与当前页面不同的页面。
window . location . href=' http://www . example . com/another page . html ' rel=' external no follow '；
示例：
' input type=' button ' onclick=' window . location . href=' http://www . Google . com/' '
value='访问www.google.com'/
010-5900当用户点击浏览器的“后退”按钮时，可以返回到上一页。如果不想返回上一页，可以使用Location.replace()来代替：
window . location . replace(' http://www . example . com/another page . html ')；
除了将页面重定向到未使用的页面，您还可以重定向当前页面的不同锚点。
window . location . hash=' # more results '；
例如：
input type=' button ' onclick=' window . location . hash=' # top ' '
value='跳转到页面顶部'/
页面上有一个名为#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='重新加载页面'/
对更多JavaScript相关内容感兴趣的读者可以查看我们的专题：《JavaScript页面元素操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript错误与调试技巧总结》和《JavaScript数学运算用法总结》。
希望这篇文章对大家的JavaScript编程有所帮助。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。