JS window對象 返回前一個瀏覽的頁面 back()方法,加載 history 列表中的前一個 URL。 語法: window.history.back();
返回前一個瀏覽的頁面
back()方法,加載 history 列表中的前一個 URL。
語法:
window.history.back();
比如,返回前一個瀏覽的頁面,代碼如下:
window.history.back();
注意:等同於點擊瀏覽器的倒退按鈕。
back()相當於go(-1),代碼如下:
window.history.go(-1);
任務
補充右邊代碼編輯器第9行,完善GoBack()函數,實現返回前一個頁面功能。
注意:本編輯器有局限性,可以把代碼拷貝到本機上練習,或者在本節頁面窗口多打開幾個網頁后(為了添加歷史列表項),在打開本節進行練習。
- <!DOCTYPE HTML>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>無標題文檔</title>
- </head>
- <script type="text/javascript">
- function GoBack() {
- window.history.back();
- }
- </script>
- </head>
- <body>
- 點擊下面的錨點鏈接,添加歷史列表項:
- <br />
- <a href="www.baidu.com">第一個錨點</a>
- <a name="target1"></a>
- <br />
- <a href="www.sohu.com">第二個錨點</a>
- <a name="target2"></a>
- <br /><br />
- 使用下面按鈕,實現返回前一個頁面:
- <form>
- <input type="button" value="返回前一個頁面" onclick="GoBack();" />
- </form>
- </body>
- </html>