js中的location对象

最新推荐文章于 2024-01-03 17:06:48 发布

Sophie1797

最新推荐文章于 2024-01-03 17:06:48 发布

阅读量276

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/m0_37981481/article/details/79844837

版权

前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

hash	返回URL中锚部分，即#以及#之后的部分
host	返回主机名以及端口
hostname	返回主机名
href	返回完整的URL
pathname	返回URL路径名，即主机名后第一个斜杠及其以后部分
port	返回端口
protocol	返回URL使用的协议（如https:）
search	返回查询部分，即问号及其以后部分

附上关于hash的一个小栗子

<html>
<head>
    <title>
        Location
    </title>
    <script type="text/javascript">
        function toYellow(){
            location.hash="#yellow";
            document.write(location.host);
            document.write(location.host);
            document.write(location.host);
            document.write(location.host);
        }
    </script>
</head>
<body>
    <button οnclick="toYellow()">click me to yellow one</button>
    <div id="red" style="background: red; width: 400px; height:400px;">
        this is a red div
    </div>
    <div id="blue" style="background: blue; width: 400px; height:400px;">
        this is a blue div
    </div>
    <div id="yellow" style="background: yellow; width: 400px; height:400px;">
        this is a yellow div
    </div>
</body>
</html>