<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>location对象属性</title>
<!--
host 设置或返回主机名和当前 URL 的端口号。
hash 设置或返回从井号 (#) 开始的 URL(锚)。
href 设置或返回完整的 URL。
hostname 设置或返回当前 URL 的主机名。
port 设置或返回当前 URL 的端口号。
pathname 设置或返回当前 URL 的路径部分。
search 设置或返回从问号 (?) 开始的 URL(查询部分)。
protocol 设置或返回当前 URL 的协议。
-->
</head>
<body>
<input type="button" id="inp" value="点击">
<script>
console.log(location.host);//主机名和端口号
console.log(location.hash="#inp");//锚(#)后面的url
console.log(location.href);//完整url
console.log(location.hostname);//主机名
console.log(location.port);//端口号
console.log(location.pathname);//url的路径部分
console.log(location.search="?id=10");//问号(?)后面的url
console.log(location.protocol);//url协议
</script>
</body>
</html>