location.hash

admin發表於2018-09-21

location.hash 屬性可以返回或者設定 URL 的錨部分（從#號開始的部分）。

更多關於 location 物件內容可以參閱 JavaScript location 物件 一章節。

語法結構：

[JavaScript] 純文字檢視 複製程式碼
location.hash=anchorname

引數解析:

（1）.anchorname：可選，設定 URL 的錨的部分，如果省略此引數，則返回當前 URL 的錨部分。

瀏覽器支援：

（1）.IE 瀏覽器支援此屬性。

（2）.edge 瀏覽器支援此屬性。

（3）.谷歌瀏覽器支援此屬性。

（4）.opera 瀏覽器支援此屬性。

（5）.火狐瀏覽器支援此屬性。

（6）.safari 瀏覽器支援此屬性。

程式碼例項：

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript"> 
window.onload = function () {
  var odiv = document.getElementById("ant");
  odiv.innerHTML = location.hash;
}
</script> 
</head> 
<body> 
<div id="ant"></div>
</body> 
</html>

如果當前的連結是 http://www.softwhy.com#antzone，那麼輸出結果是：#antzone

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript"> 
window.onload = function () {
  var odiv = document.getElementById("ant");
  location.hash = "zhang";
  odiv.innerHTML = location.hash;
}
</script> 
</head> 
<body> 
<div id="ant"></div>
</body> 
</html>

可以設定當前 URL 的錨部分。

相關文章