window.history.forward()相關(guān)
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標題文檔</title>
</head>
?<script type="text/javascript">
? ? ? ? function GoForward() {
? ? ? ? window.history.forward(); ? ?
? ? ? ? }
? ? ? ? function GoBack(){
? ? ? ? window.history.back();
? ? ? ? }
? ? </script>
</head>
<body>
點擊下面的錨點鏈接，添加歷史列表項: ? ?
? ? <br />
? ? <a href="#target1">第一個錨點</a>
? ??
? ? <br />
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <a name="target1"></a>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <a href="#target2">第二個錨點</a>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <a name="target2"></a>
? ? <br /><br />
? ? 使用下面按鈕，實現(xiàn)返回下一個頁面:
? ? <form>
? ? ? ? <input type="button" value="后退" onclick="GoBack()"/>
? ? ? ? <input type="button" ?value="前進" onclick="GoForward()" /> ? ? ?
? ? </form>
</body>
</html>
我點了第一個錨點后再點后退正常退到頂部，可是接下來再點前進就沒有作用了呢（地址欄后有#target1）?
2016-12-18
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標題文檔</title>
?<script type="text/javascript">
? ? ? ? function GoForward() {
? ? ? ? window.history.forward(); ? ?
? ? ? ? }
? ? ? ? function GoBack(){
? ? ? ? window.history.back();
? ? ? ? }
? ? </script>
</head>
<body>
點擊下面的錨點鏈接，添加歷史列表項: ? ?
? ? <br />
? ? <a href="#target1">第一個錨點</a>
? ??
? ? <br />
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? <li>22222222222222</li>
? ? ?<a name="target1" ?style="background-color:blue;">1</a>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <li>33333333333333333</li>
? ? <a href="#target2">第二個錨點</a>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <li>11111111111111</li>
? ? <a name="target2" ?style="background-color:red;">2</a>
? ? <br /><br />
? ? 使用下面按鈕，實現(xiàn)返回下一個頁面:
? ? <form>
? ? ? ? <input type="button" value="后退" onclick="GoBack()"/>
? ? ? ? <input type="button" ?value="前進" onclick="GoForward()" /> ? ? ?
? ? </form>
</body>
</html>
2016-12-18
這樣比較好懂點，可以前進后退
2016-12-18
試試我這改進的代碼