快速学习js笔记三 location 对象

最新推荐文章于 2025-05-08 09:31:27 发布

原创最新推荐文章于 2025-05-08 09:31:27 发布 · 711 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #JS #Js

js 专栏收录该内容

8 篇文章

订阅专栏

本文详细介绍了location对象的基本属性和方法，通过实例展示了如何获取和修改URL的相关部分，包括hash、host、hostname、href、pathname、search等，并演示了跳转、加载页面、重新加载和替换页面的操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

location对象被包含在window.location属性中，该对象也比较常用在开发过程中但是也特的简单。下面以一个例子来说明他的所有的方法跟属性

<html>
<head>
   <title>location</title>
   </head>
   <body>
   <script type="text/javascript">
     document.write("hash:="+location.hash+"<br/>");                          //url中#之后的所有字符串
     document.write("host:="+location.host+"<br/>");                            //主机ip地址
     document.write("hostName:="+location.hostname+"<br/>");        //主机ip地址或者是主机的名称
     document.write("herf:="+location.href+"<br/>");                            //当前的url
     document.write("pathName:="+location.pathname+"<br/>");         //虚拟目录路径
     document.write("search:="+location.search+"<br/>");         //？开始的字符串要是后面有#号就节结束，要是 ?在#后面不起作用都算为锚点。
   </script>
     <input type="button" onclick="location.href='http://baidu.com?seach#hash'" value="跳转到百度页面,并设置seach 与hash"/>
    <input type="button" onclick="location.assign('http://baidu.com?seach#hash')" value="当前页加载百度页面"/>
    <input type="button" onclick="location.reload()" value="重新加载页面"/>
    <input type="button" onclick="location.replace('http://baidu.com?seach#hash')" value="百度替换该页面"/>
    </body>
</html>