課程
/前端開發(fā)
/JavaScript
/JavaScript進階篇
還是不太理解,點了鏈接后就是一個新的界面了,去哪返回呢?
2019-08-02
源自:JavaScript進階篇 8-8
正在回答
注意地址框:
現(xiàn)在點擊“第一個錨點”
點擊“第二個錨點”
然后點擊“返回前一個頁面”
回到了target1
然后再點擊“返回前一個頁面”
回到原來的位置
這樣也是可以的?。。。?!
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <title>無標題文檔</title> <script?type="text/javascript"> ????????function?GoBack()?{ ????????????window.history.go(-1); ????????} </script> </head> ? <body> 點擊下面的錨點鏈接,添加歷史列表項:依次點擊第3,2,1個錨點,然后試著返回 ???? ????<br?/> ???? ? ???? ????<h3><a?name="target1">錨點1</a></h3> ????<a?href="#target3">第三個錨點</a> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<br?/> ????<form> ????????<input?type="button"??value="返回前一個頁面"?onclick="GoBack();"?/>???????? ?????</form> ????? ????<h3><a?name="target2">錨點2</a></h3> ????<a?href="#target1">第一個錨點</a> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<br?/><br?/> ????使用下面按鈕,實現(xiàn)返回前一個頁面: ????<form> ???????<input?type="button"??value="返回前一個頁面"?onclick="GoBack();"?/>???????? ????</form> ???? ????<h3><a?name="target3">錨點3</a></h3> ????<a?href="#target2">第二個錨點</a> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<p>這是一個段落</p> ????<br?/><br?/> ????使用下面按鈕,實現(xiàn)返回前一個頁面: ????<form> ???????<input?type="button"??value="返回前一個頁面"?onclick="GoBack();"?/>???????? ????</form> </body> </html>
試試這個
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標題文檔</title>
<script type="text/javascript">
? ? ? ? function GoBack() {
? ? ? ? ? ? window.history.back();
? ? ? ? }
? ? ? ? var HL =? window.history.length;
? ? ? ? document.write(HL);
</script>
</head>
<body>
點擊下面的錨點鏈接,添加歷史列表項:
? ??
? ? <br />
? ? <a href="#target1">第一個錨點</a>
? ? <a name="target1"></a>
? ? <a href="#target2">第二個錨點</a>
? ? <a name="target2"></a>
? ? <br /><br />
? ? 使用下面按鈕,實現(xiàn)返回前一個頁面:
? ? <form>
? ? ? ?<input type="button"? value="返回前一個頁面" onclick="GoBack();" />? ? ? ??
? ? </form>
</body>
</html>
試試這個,再自己的瀏覽器測試,會發(fā)現(xiàn),history記錄的長度是這個被創(chuàng)建的頁面所進行的頁面跳轉(zhuǎn)次數(shù),打開的這個頁面就會顯示1,你再點擊一個連接錨點就會顯示2,只要頁面變換,就能疊加次數(shù),forward和back則是+1或者-1的跳轉(zhuǎn),也就是一個前進了一次頁面,一個返回了一次頁面,具體細節(jié)自行操作
你做個試驗?? 建立兩個單獨的頁面。。 第一個頁面是跳轉(zhuǎn)?? 第二個頁面是返回。。。? 就明白了
舉報
本課程從如何插入JS代碼開始,帶您進入網(wǎng)頁動態(tài)交互世界
2 回答就是點了按鈕之后說:刪掉的內(nèi)容不確定
5 回答我寫了刷新效果,怎么點擊按鈕后按鈕就消失了!
3 回答點擊按鈕,沒有出現(xiàn)對話框,然后按鈕就消失了。。不懂
3 回答為什么點擊按鈕開始就不可以
3 回答代碼錯哪了,點按鈕打不開
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關注慕課網(wǎng)微信公眾號
2019-10-26
注意地址框:
現(xiàn)在點擊“第一個錨點”
點擊“第二個錨點”
然后點擊“返回前一個頁面”
回到了target1
然后再點擊“返回前一個頁面”
回到原來的位置
這樣也是可以的?。。。?!
2019-10-26
試試這個
2019-08-27
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標題文檔</title>
<script type="text/javascript">
? ? ? ? function GoBack() {
? ? ? ? ? ? window.history.back();
? ? ? ? }
? ? ? ? var HL =? window.history.length;
? ? ? ? document.write(HL);
</script>
</head>
<body>
點擊下面的錨點鏈接,添加歷史列表項:
? ??
? ? <br />
? ? <a href="#target1">第一個錨點</a>
? ? <a name="target1"></a>
? ? <br />
? ? <a href="#target2">第二個錨點</a>
? ? <a name="target2"></a>
? ? <br /><br />
? ? 使用下面按鈕,實現(xiàn)返回前一個頁面:
? ? <form>
? ? ? ?<input type="button"? value="返回前一個頁面" onclick="GoBack();" />? ? ? ??
? ? </form>
</body>
</html>
試試這個,再自己的瀏覽器測試,會發(fā)現(xiàn),history記錄的長度是這個被創(chuàng)建的頁面所進行的頁面跳轉(zhuǎn)次數(shù),打開的這個頁面就會顯示1,你再點擊一個連接錨點就會顯示2,只要頁面變換,就能疊加次數(shù),forward和back則是+1或者-1的跳轉(zhuǎn),也就是一個前進了一次頁面,一個返回了一次頁面,具體細節(jié)自行操作
2019-08-05
你做個試驗?? 建立兩個單獨的頁面。。 第一個頁面是跳轉(zhuǎn)?? 第二個頁面是返回。。。? 就明白了