導航:首頁 > 歷史問題 > js如何返回歷史頁面

js如何返回歷史頁面

 發布時間：2021-02-10 08:09:01

A. 怎麼在新頁面中返回到前一頁瀏覽的歷史位置

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p>在新頁面中返回到前一頁瀏覽的歷史位置1</p>
<p>在新頁面中返回到前一頁瀏覽的歷史位置2</p>
<p>在新頁面中返回到前一頁瀏覽的歷史位置3</p>
<p>在新頁面中返回到前一頁瀏覽的歷史位置4</p>
<p>在新頁面中返回到前一頁瀏覽的歷史位置5</p>
<p>在新頁面中返回到前一頁瀏覽的歷史位置6</p>
<p>在新頁面中返回到前一頁瀏覽的歷史位置7</p>
<p>在新頁面中返回到前一頁瀏覽的歷史位置8</p>
<p>在新頁面中返回到前一頁瀏覽的歷史位置9</p>
<p>在新頁面中返回到前一頁瀏覽的歷史位置10</p>
<p>在新頁面中返回到前一頁瀏覽的歷史位置11</p>
<p>在新頁面中返回到前一頁瀏覽的歷史位置12</p>
<p>在新頁面中返回到前一頁瀏覽的歷史位置13</p>
<p>在新頁面中返回到前一頁瀏覽的歷史位置14</p>
<p>在新頁面中返回到前一頁瀏覽的歷史位置15</p>
<p>在新頁面中返回到前一頁瀏覽的歷史位置16</p>
<p>在新頁面中返回到前一頁瀏覽的歷史位置17</p>
<p>在新頁面中返回到前一頁瀏覽的歷史位置18</p>
<p>在新頁面中返回到前一頁瀏覽的歷史位置19</p>
<p>在新頁面中返回到前一頁瀏覽的歷史位置20</p>
<p>在新頁面中返回到前一頁瀏覽的歷史位置21</p>
<p>在新頁面中返回到前一頁瀏覽的歷史位置22</p>
<p>在新頁面中返回到前一頁瀏覽的歷史位置23</p>
<p>在新頁面中返回到前一頁瀏覽的歷史位置24</p>
<p>在新頁面中返回到前一頁瀏覽的歷史位置25</p>
<p>在新頁面中返回到前一頁瀏覽的歷史位置26</p>
<p>在新頁面中返回到前一頁瀏覽的歷史位置27</p>
<p>在新頁面中返回到前一頁瀏覽的歷史位置28</p>
<p>在新頁面中返回到前一頁瀏覽的歷史位置29</p>
<p>在新頁面中返回到前一頁瀏覽的歷史位置30</p>
<a href="a.html">fff</a>
</body>
<script src="js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function(){
var str = window.location.href;
str = str.substring(str.lastIndexOf('/')+1),
getCookie = localStorage.getItem(str);
if(getCookie){
$('html,body').scrollTop(getCookie);
}
});
$(window).scroll(function(){
var str = window.location.href;
str = str.substring(str.lastIndexOf('/')+1);
var top = $(window).scrollTop();
localStorage.setItem(str,top);
})
</script>

</html>

確實可行，但是不知道通過ajax載入過來的列表或者數據是否還可以，有誰知道期望指教。

B. 請問用javascript 怎麼跳轉到歷史的第二個頁面

history.go(-1)
history.go(-2)
history.go(-3)

C. 利用JQuery怎樣返回前一頁

<a href="javascript:history.go(-1)">返回上一頁</a>

<a href="javascript:location.reload()">重載頁面，本地內刷容新</a>

<a href="javascript:history.go(-1);location.reload()">返回上一頁重載頁面，本地刷新</a>

返回上一頁並重新載入頁面

<a href="#" onclick="self.location=document.referrer;">返回</a>

(3)js如何返回歷史頁面擴展閱讀

如果用戶選擇了<a>標簽中的內容，那麼瀏覽器會嘗試檢索並顯示href 屬性指定的URL所表示的文檔，或者執行JavaScript表達式、方法和函數的列表。

<input type="button" name="back" value="重新填寫"

onclick="javascript:history.back(-1);"/>

history.back(-1):直接返回當前頁的上一頁，數據全部消息，是個新頁面

history.go(-1):也是返回當前頁的上一頁，不過表單里的數據全部還在

D. JS高手呢，獲取歷史網址

你的問題涉及到 Same Origin Policy（同源策略），這是一個關繫到隱私和安全性的問題。回任何瀏覽器都不會答給你機會讓你訪問 **異域** 歷史網址。

但是，如果這三個頁面在同一域名下，你可以使用 Javascript 的 document.cookie 來記錄每次訪問的網址。

我寫的例子需要4個文件，url_history.js，html1.html，html2.html，html3.html（三個 html 文件內容相同），代碼寫在空間（hi..com/keneks/item/50699e21f9300d0c72863e4d）

復制粘貼，將 url_history.js 和其它三個 html 文件放在一起，訪問任何一個頁面，點擊任何鏈接，上面會自動顯示曾經訪問過的頁面。

歷史網址以 array 形式保存在 url_history 變數中，所以 url_history[0] 為上一個，url_history[1] 為上上一個，以此類推。

E. javascript 實現頁面跳轉 然後按返回鍵不會回到上一頁 應該怎麼寫

你是說返回鍵不會回到跳轉之前的那個頁面？

這個非常的簡單！

不知道你的js基礎怎麼樣？ 在我們的js的dom編程基礎知識裡面我們已經指定瀏覽器對象的6大屬性。 其中就有location對象和history這連個對象 。分別介紹兩個對象

location有個方法叫 replace(url) 這個方法可以替換history對象裡面裡面的歷史棧當前頁面

換成新的（也就意味著跳轉後 注意哦這個跳轉是意味著我們跳轉之前最起碼是在一個頁面的基礎之上才可以跳轉到另一個頁面的），這也意味著「後退」或者「前進」都無法在回到跳轉之前的頁面了。因為在歷史棧幀它（跳轉之前的頁面）已經被替換了。這個替換就是通過location的replace方法實現的。

下面貼出代碼！

<!doctypehtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metaname="Generator"content="EditPlus®">
<metaname="Author"content="">
<metaname="Keywords"content="">
<metaname="Description"content="">
<title>Document</title>
<scripttype="text/javaScript">
	functionf(){
		alert(history.length);
		location.replace('http://www..com');
		alert(history.length);

	}
</script>
</head>
<body>
	這個是一個頁面
	<buttontype="button"onclick="f()">點擊我跳轉新的頁面</button>
</body>
</html>

我不確定這個是不是你要的！ 知識利用了replace這個方法將歷史棧中的頁面替換了。我理解你的提出的問題「回不到上一頁」 我就當是那個頁面再也找不到了。

F. 怎麼實現history.back()返回後刷新歷史頁面

history.back都是從瀏覽器緩存讀取數據。要刷新就考慮其他代碼。

-------------------------------------------------------------------

可以考慮把history.back的步驟分隔，然後重新實現。

如果只通過js來完成，可以考慮以下代碼：

//先獲取上一個頁面，然後再跳轉到那個頁面
//在絕大部分情況下的效果就是history.back()的刷新版本
window.location.replace(document.referrer)

document.referrer:

document.referrer可以引用到上一個頁面，這個屬性是由瀏覽器支持的。在不同情況下值可能和history.back不一樣，但是絕大部分情況下跟你想要的結果是一致的。

當用戶是通過頁面導航內部切換到新頁面的（例如<a>標簽，或者改變url的代碼），document.referrer和history.back指向的頁面都是上一個頁面。

當用戶是通過書簽打開網頁的，document.referrer是空的，history.back卻是可用的，可以返回到點擊書簽之前的頁面。

window.location.replace:

history.back不一定就不會刷新界面：當緩存不可用的時候，還是會刷新的。window.location.replace也不一定會刷新頁面，當伺服器"明確"告訴瀏覽器緩存還可以用的時候，瀏覽器一般不會再刷新頁面。不過在一般情況下，使用window.location.replace替換history.back就能達到想要的效果。

所以大可使用window.location.replace(document.referrer)

G. js怎麼獲取history歷史中的url

出於安全考慮，無法通過程序獲取History對象中的具體信息，只能通過back、forward、go方法進行頁面跳轉，此外length屬性記錄了History中的記錄條數。

H. js如何實現歷史記錄

  1. 在被瀏覽頁面加入一段代碼實現這樣的功能：

    1. 根據頁面標題和url寫入locationStorage

    2. 寫入時，只寫入最後10條記錄

  2. 在顯示歷史頁面，讀取locationStorage把歷史記錄顯示出來

I. 在html中鏈接怎麼返回上一頁面

用history.go(-1)，如：

<ahref="javascript:history.back(-1)">返回上一頁</a>

J. js 的點擊返回上一頁問題

你這樣肯定不行哈:
當A->B->C->D進入頁面時，瀏覽器把相關頁面記錄到了歷史記錄裡面版，然後你調用history.go(-1)或者history.back()的時候，JS會根據權歷史記錄一級一級的返回；

但是當你C->D，瀏覽器裡面只記錄C，D兩個頁面的歷史記錄，所以只能夠在這兩個頁面來回跳;

如果你實在是想要滿足那上面的跳法的話，就直接用A超鏈接寫死

閱讀全文

與js如何返回歷史頁面相關的資料

熱點內容
歷史知識薄弱 瀏覽：23
軍事理論心得照片 瀏覽：553
歷史故事的啟發 瀏覽：22
美自然歷史博物館 瀏覽：287
如何評價韓國歷史人物 瀏覽：694
中國煉丹歷史有多久 瀏覽：800
郵政歷史故事 瀏覽：579
哪裡有革命歷史博物館 瀏覽：534
大麥網如何刪除歷史訂單 瀏覽：134
我心目中的中國歷史 瀏覽：680
如何回答跨考歷史 瀏覽：708
法國葡萄酒歷史文化特色 瀏覽：577
歷史人物評價唐太宗ppt 瀏覽：789
泰安的抗日戰爭歷史 瀏覽：115
七上歷史第四課知識梳理 瀏覽：848
歷史老師職稱需要什麼專業 瀏覽：957
什麼標志軍事信息革命進入第二階段 瀏覽：141
正確評價歷史人物ppt 瀏覽：159
ie瀏覽器如何設置歷史記錄時間 瀏覽：676
高一歷史必修一第十課鴉片戰爭知識點 瀏覽：296