a标签带参数跳转页面,并在跳转页面接受参数
获取网页中url属性使用的是window.location对象
windows.location对象的属性:
| 属性 | 描述 |
|---|---|
| herf | 返回的是当前页面的整个url |
| protocol | 返回的是url的协议 |
| hostname | 返回的是主机名(域名) |
| host | 返回的是主机名(域名)包含端口号 |
| port | 返回的是主机端口 |
| pathname | 返回的当前页面的路径名 |
| search | 返回的是?后面的部分(包含?) |
| hash | 返回锚点(从#号开始) |
点击a标签带参数跳转到other.html
<body>
<a href="./other.html?id=1">跳转</a>
</body>
在other.html中接受a标签中的参数
<body>
<script>
// 用=将路由参数分割成数组
let idArray = window.location.search.split('=');
console.log(idArray);//[?id,1]
// 获取路由的参数
let assetId = idArray[1];
console.log(assetId);//1
</script>
</body>