window.history瀵硅薄鐢ㄤ簬绠＄悊娴忚鍣ㄥ巻鍙茶褰曘€傚畠鎻愪緵浜嗕竴浜涙柟娉曞拰灞炴€э紝鍙互鐢ㄤ簬鍦ㄦ祻瑙堝櫒鍘嗗彶璁板綍涓繘琛屽鑸拰鎿嶄綔銆?/p>

浠ヤ笅鏄竴浜涘父鐢ㄧ殑鏂规硶鍜屽睘鎬э細

1. history.length 灞炴€у彲浠ヨ幏鍙栧綋鍓嶆祻瑙堝櫒鍘嗗彶璁板綍涓殑椤甸潰鏁伴噺銆?/p>

2. history.back() 鏂规硶鐢ㄤ簬鍥炲埌娴忚鍣ㄥ巻鍙茶褰曚腑鐨勪笂涓€椤点€?/p>

3. history.forward() 鏂规硶鐢ㄤ簬鍓嶈繘鍒版祻瑙堝櫒鍘嗗彶璁板綍涓殑涓嬩竴椤点€?/p>

4. history.go(n) 鏂规硶鐢ㄤ簬鍦ㄦ祻瑙堝櫒鍘嗗彶璁板綍涓悜鍓嶆垨鍚戝悗瀵艰埅鎸囧畾鐨勯〉鏁般€傚弬鏁皀鍙互鏄鏁帮紙鍚戝墠瀵艰埅锛夋垨璐熸暟锛堝悜鍚庡鑸級銆?/p>

5. history.pushState(stateObj, title, url) 鏂规硶鐢ㄤ簬鍚戞祻瑙堝櫒鍘嗗彶璁板綍涓坊鍔犱竴涓柊鐨勭姸鎬侊紙state锛夈€俿tateObj鍙傛暟鍙互鏄竴涓璞★紝鐢ㄤ簬淇濆瓨鑷畾涔夌殑鐘舵€佹暟鎹€倀itle鍙傛暟鏄彲閫夌殑锛岀敤浜庤缃柊椤甸潰鐨勬爣棰樸€倁rl鍙傛暟鏄彲閫夌殑锛岀敤浜庤缃柊椤甸潰鐨刄RL銆?/p>

6. history.replaceState(stateObj, title, url) 鏂规硶鐢ㄤ簬鏇挎崲褰撳墠娴忚鍣ㄥ巻鍙茶褰曚腑鐨勭姸鎬併€備娇鐢ㄦ柟寮忓拰鍙傛暟涓?code>pushState鏂规硶鐩稿悓銆?/p>

娉ㄦ剰锛?code>pushState鍜?code>replaceState鏂规硶鍙細娣诲姞鎴栨浛鎹㈡祻瑙堝櫒鍘嗗彶璁板綍涓殑鐘舵€侊紝骞朵笉浼氱湡姝ｅ鑸埌鏂扮殑椤甸潰銆傚鏋滆瀹炵幇椤甸潰瀵艰埅鐨勬晥鏋滐紝杩橀渶瑕佷娇鐢ㄥ叾浠栨妧鏈紝渚嬪鐩戝惉popstate浜嬩欢锛屽苟鍦ㄤ簨浠跺鐞嗗嚱鏁颁腑杩涜椤甸潰鐨勬洿鏂版搷浣溿€?/p>

绀轰緥浠ｇ爜锛?/p>

console.log(history.length); // 鎵撳嵃褰撳墠娴忚鍣ㄥ巻鍙茶褰曚腑鐨勯〉闈㈡暟閲?/span>
history.back(); // 鍥炲埌涓婁竴椤?/span>
history.forward(); // 鍓嶈繘鍒颁笅涓€椤?/span>
history.go(-2); // 鍚戝悗瀵艰埅涓ら〉
history.pushState({ data: 'state1' }, 'State 1', '/state1'); // 娣诲姞涓€涓柊鐨勭姸鎬?/span>
history.replaceState({ data: 'state2' }, 'State 2', '/state2'); // 鏇挎崲褰撳墠鐘舵€?/span>

浠ヤ笂鏄?code>window.history瀵硅薄鐨勪竴浜涘熀鏈敤娉曘€傛牴鎹綘鐨勫叿浣撻渶姹傦紝杩樺彲浠ラ€氳繃鍏朵粬鏂规硶鍜屽睘鎬у疄鐜版洿澶嶆潅鐨勬祻瑙堝櫒鍘嗗彶璁板綍鎿嶄綔鍜岀鐞嗐€?/p>