a标签带参数跳转页面，并在跳转页面接受参数

获取网页中url属性使用的是window.location对象windows.loaction对象的属性属性描述herf返回的是当前页面的整个urlprotocol返回的是url的协议hostname返回的是主机名（域名）host返回的是主机名（域名）包含端口号port返回的是主机端口pathname返回的当前页面的路径名search返回的是？后面的部分（包含？）hash返回锚点（

grapelet_kmw

5164人浏览 · 2022-04-27 15:47:55

grapelet_kmw · 2022-04-27 15:47:55 发布

获取网页中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>