JS的history物件和location物件
阿新 • • 發佈：2021-07-16
History 物件
History 物件屬性
History 物件包含使用者（在瀏覽器視窗中）訪問過的 URL。
History 物件是 window 物件的一部分，可通過 window.history 屬性對其進行訪問。
length 返回瀏覽器歷史列表中的 URL 數量。
History 物件方法
back() 載入 history 列表中的前一個 URL。
forward() 載入 history 列表中的下一個 URL。
go() 載入 history 列表中的某個具體頁面。
<a href="rrr.html">click</a><button onclick=" history.forward()">>>></button> <button onclick="history.back()">back</button> <button onclick="history.go()">back</button>
Location 物件
Location 物件包含有關當前 URL 的資訊。
Location 物件是 Window 物件的一個部分，可通過 window.location 屬性來訪問。
Location 物件方法
location.assign(URL) location.reload() location.replace(newURL)//注意與assign的區別
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>標題</title> </head> <body> <!--History物件--> <!--<a href="day125_1.html">click</a>--> <!--<button onclick="history.forward()">》》》</button>--> <!--先讓a標籤跳到另一個頁面，back返回，forward回到跳轉頁面；forward與back相對應--> <!--<button onclick="history.go(1)">》》》》》》</button>--> <!--go與go相對應，一個是1一個是-1即可--> <button onclick="f()">click</button> <script> // location物件 function f() { // location.assign('https://www.baidu.com'); // 跳轉到指定URL，還可以操作瀏覽器進行返回之前頁面 // location.reload(); // 重新整理當前頁面 // location.replace('https://www.baidu.com'); // 跳轉到指定URL，但是無法進行返回之前頁面(替換) } </script> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!--History物件--> <!--<button onclick="history.back()">back</button>--> <!--<button onclick="history.go(-1)">back</button>--> </body> </html>while True: print('studying...')