获取、监听hash值和路径值

1.获取hash值

location.hash:hash 属性是一个可读可写的字符串,该字符串是 URL 的锚部分(从 # 号开始的部分)

2.获取路径值

location.pathname:pathname 属性是一个可读可写的字符串,可设置或返回当前 URL 的路径部分

3.监听hash值变化

使用hashchange方法监听

	  window.addEventListener('hashchange', ()=>{
              console.log('当前的hash值发生了变化');
              /*
              slice(start,end):切片,返回新数组
                  start——必需。规定从何处开始选取。
                  end——可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。
              * */
              let currentHash = location.hash.slice(1)
              console.log(currentHash ); //打印hash值
          })

4.监听路径值变化

写个onclick方法,监听路径值的变化

        <a onclick="changeUrl('/home')">首页</a>
        <a onclick="changeUrl('/help')">帮助</a>
        <script>
          function changeUrl(path) {
              console.log(path);
              /*
              pushState:
                  参数一:对象,可以传空
                  参数二:追加完路径后,当前网页的标题,会被浏览器忽略
                  参数三:追加的路径
              * */
              // 将路径追加到url后面
              history.pushState(null, null, path)
          }
		 </script>
已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 游动-白 设计师:上身试试 返回首页