1. 內聯(lián)腳本，中應種方2. 外(wai)部腳本，中應種方??3. 事件處理器(如onclick)
在JavaScript中，中應種方我們可以使用window.history對象來(lái)操作瀏??覽器的中應種方歷史(′_｀)記錄，以下是中應種方一些常用的方法：
1、window.history.back()：返回到上一個(gè)歷史記錄。中應種方
2、中應種方window.history.forward()：前進(jìn)到下一個(gè)歷史??記錄。中應種方
3、中應種方window.history.go(n)：前進(jìn)或后退n個(gè)歷史記錄。(′_｀)中應種方
4、中應??種方window.history.length：獲取歷史記錄的中應種方數量。
5、中應種方window.history.state：獲取或設置當前歷??史記錄的中應種方狀態(tài)對象。
6、中應種方window.hist(′▽?zhuān)?ory.pushState(stateObj, title, url)：添加一個(gè)新ヾ(?■_■)ノ的歷史記錄。
7、window.history.replaceState(stateObj, title, url)：替換當前歷史記錄。
下面是一個(gè)簡(jiǎn)單的示例，展示了如何使用window??.history對象：
<!DOCTYPE html><html lang="en"&gヽ(′▽?zhuān)?ノt;<head> <meta charset="UTF8">??; <meta name="viewport" conten??t="width=devicewidth, initialscale=1.0"> <ti??tle>??;Window History Example</titl(′▽?zhuān)?e></head><body> <h1>Window History Example</h1> <p>Click the buttons below to navigate through(°ロ°) ! the browser history:</p> <button onclick="goBackヾ(′?｀)?()&qu(??ヮ?)?*:???ot;(′Д` )>Go Back</button&??gt; <button onclick="??;goForward()">Go Forward</button> <(????)button onclick="?goTo(2)">Go to 2</button> <script> function goBack() { window.hist??ory.back(); } function goForward() { windo┐(′д｀)┌w.histor(′ω｀)y.forward(); } function goTo(step) { window(╬?益?).histor(???)y.go(step); } </script></body></html>相關(guān)問(wèn)題與解答：
1、如何在不刷新頁(yè)面的情況下更新瀏覽器的標題？
答：可以使??用document.title屬性來(lái)更新瀏覽器的標題，然后調用window.hisヽ(′ー｀)ノtory.pushState()或window.history.replaceState()方法將新?tīng)顟B(tài)添加到歷史記錄中。
document.title = &q??uot;New Page Title";window.history.pushState({ page: 1}, "New Page Title", "/newpage");2、如何監聽(tīng)瀏覽器歷史記錄的變化？
答：可(ke)以(yi)使用p(′_｀)opstate事件來(lái)監聽(tīng)瀏覽器歷(′ω｀)史記錄的變化。
window.addEventListener("popstate", function(event) { console.┐(′д｀)┌l(fā)og("History changed:", event.state);})ヽ(′▽?zhuān)?ノ;
（作者：百度SEO工具）