有時(shí)候一個(gè)網(wǎng)頁的內(nèi)容很長,用戶想要看到指定內(nèi)容需要拉動(dòng)滾動(dòng)條贪嫂,很是麻煩,為了配合用戶喘批,方便用戶使用,可以再打開頁面時(shí)铣揉,主動(dòng)為用戶定位到指定位置饶深。以下貼上示例代碼
-----------------------------------------------分割線-------------------------------------------------
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
div {height: 500px;}
</style>
<script type="text/javascript">
window.location.hash = "#div4";
</script>
</head>
<body>
<div id="div1">內(nèi)容1</div></br>
<div id="div2">內(nèi)容2</div></br>
<div id="div3">內(nèi)容3</div></br>
<div id="div4">內(nèi)容4</div></br>
<div id="div5">內(nèi)容5</div></br>
</body>
</script>
</html>
-----------------------------------------------分割線-------------------------------------------------
window.location.hash類屬于頁面內(nèi)的跳轉(zhuǎn),在頁面跳轉(zhuǎn)到指定元素逛拱。
在這里可以和window.location.href做個(gè)跳轉(zhuǎn)比較敌厘,hash跳轉(zhuǎn)頁面內(nèi)的內(nèi)容,href跳轉(zhuǎn)的是頁面朽合。
window.location.hash使用后俱两,會(huì)在地址欄出現(xiàn)一個(gè)#開頭的字符饱狂,其右面字符是頁面內(nèi)容的位置標(biāo)識(shí)符。這個(gè)標(biāo)識(shí)符可以是name也可以是id宪彩,http發(fā)送請求時(shí)不會(huì)把#號(hào)及其后面的內(nèi)容發(fā)送出去休讳。
和js的老套路一樣,直接調(diào)用 window.location.hash 可以獲取當(dāng)前hash值尿孔,window.location.hash = #div5是指定修改hahs值俊柔。
以上為簡單的頁面內(nèi)的跳轉(zhuǎn)例子,更多內(nèi)容以后繼續(xù)更新活合。