网页上的元素有时会根据当前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>
输出
