如何使用JavaScript从URL获取哈希值

604 阅读1分钟

网页上的元素有时会根据当前URL的哈希值(#)来改变。这是一种非常有效的方法,在URL中传递一个值,然后根据这个值加载网页。你可以用JavaScript轻松地从URL中获取哈希值(#)之后的数值。

从URL中获取哈希值

  • location.search��search属性也可以用来设置查询字符串。
  • search ��会返回一个包括初始问号的查询字符串。
  • window.location ��object可以不使用window前缀来编写。
  • 浏览器对象模型(BOM)。
  • BOM允许JavaScript与浏览器进行 "交互"。window的对象代表一个浏览器窗口及其所有相应的功能。
  • window.location.href返回当前页面的href(URL)。 window.location.hostname返回网络主机的域名。 window.location.pathname返回当前页面的路径和文件名。

下面的代码是用split方法写的,以获得哈希值并显示为警报。

<!DOCTYPE html>
 <html>
 <head>
   <title>Get hash value from URL</title>
   <meta name="description" content="">
   <meta n <link rel="stylesheet" href="Goto Previous page/styles.css">
  </head>
  <body>
   <p>Get hash value from URL : Gives us alert of query params </p>
   <script>
     var url = '“https://www.youtube.com/?watch?v=j3-LV3XxhVg”'
     hash = url.split('?')[1]+ url.split('?')[2];

   if (hash) {
      alert(hash)
   } else {
      alert("No Hash Value");
   }
   </script>
 </body>
 </html>

输出

Get hash value from URL using JavaScript