JavaScript-Location-对象

38次阅读

共计 644 个字符，预计需要花费 2 分钟才能阅读完成。

Location 对象
Location 对象包含有关当前 URL 的信息。location 对象是 window 对象的一部分，可以通过 window.location 属性访问。

注意：没有适用于 location 对象的公共标准，但所有主流浏览器都支持它。

<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<title>js</title>

<body>

<p> 单击此按钮可显示当前页面的整个 URL。</p>

<button onclick="myFunction()"> 尝试 </button>

<p id="demo"></p>

<script>
    function myFunction() {
        var x = location.href;
        document.getElementById("demo").innerHTML = x;
    }
</script>

</body>
</html>

Location 对象属性
可以在 Location 对象上使用以下属性：

属性	描述
hash	设置或返回 URL 的锚点部分（#）
host	设置或返回 URL 的主机名和端口号
hostname	设置或返回 URL 的主机名
href	设置或返回整个 URL
origin	返回 URL 的协议，主机名和端口号
pathname	设置或返回 URL 的路径名
port	设置或返回 URL 的端口号
protocol	设置或返回 URL 的协议
search	设置或返回 URL 的查询字符串部分