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>

猜你喜欢

转载自blog.csdn.net/qq_41964720/article/details/124451838