javascript:history.go()和History.back()的區(qū)別及應(yīng)用
更新時間：2012年11月25日 13:00:01 作者：
為提高用戶體驗(yàn)度，可能會使用到刷新 前進(jìn) 后退等相關(guān)更能，本文將以此問題詳細(xì)介紹javascript:history.go()和History.back()的區(qū)別及應(yīng)用，需要的朋友可以參考下
復(fù)制代碼 代碼如下:
<input type=button value=刷新 onclick="window.location.reload()">
<input type=button value=前進(jìn) onclick="window.history.go(1)">
<input type=button value=后退 onclick="window.history.go(-1)">
<input type=button value=前進(jìn) onclick="window.history.forward()">
<input type=button value=后退 onclick="window.history.back()"> 后退+刷新<input type=button value=后退 onclick="window.history.go(-1);window.location.reload()">
在C# Web程序中，如為頁面按鈕寫返回上一頁代碼
復(fù)制代碼 代碼如下:
this.RegisterClientScriptBlock("E", "<script language=javascript>history.go(-2);</script>");
其中，history.go(-2)，要寫為-2，因在按鈕事件觸發(fā)前，已刷新一次頁面，所以應(yīng)是-2。
復(fù)制代碼 代碼如下:
Response.Write("<script language=javascript>history.go(-2);</script>");
此處也要寫為“-2”。跟直接寫腳本的有所不同。history.back()是會上一頁
復(fù)制代碼 代碼如下:
i=1
history.go(i)
[html]
去指定的某頁
如果是history.go(0)那就是刷新這兩個屬于JS代碼，相當(dāng)于IE的前進(jìn)、后退功能。
具體的用處就要看什么時候需要這個就用上。比如用戶注冊時的驗(yàn)證是后臺驗(yàn)證，不符合要求的時候就可以用這個，可以最大限度保證用戶少重復(fù)輸入數(shù)據(jù)。
例如：載入頁面：
[code]
function onLoadPage(){
if(event.srcElement.tagName=="SPAN"){
oFrame=top.window.middle.frames[2];
oTxt=event.srcElement.innerText;
switch(oTxt){
case "前 進(jìn)":
oFrame.history.go(1);
case "后 退":
oFrame.history.back();
case "刷 新":
oFrame.location.reload();
}
}
}
打開一個jsp頁面,肯定是用客戶端腳本進(jìn)行刷新了。
Javascript刷新頁面的幾種方法：
復(fù)制代碼 代碼如下:
1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand('Refresh')
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href
相關(guān)文章
根據(jù)當(dāng)前時間在jsp頁面上顯示上午或下午
這篇文章主要介紹了根據(jù)當(dāng)前時間不同在jsp頁面上顯示上午或下午,需要的朋友可以參考下2014-08-08
網(wǎng)站登錄為了更好的用戶體驗(yàn)都會在輸入密碼的時候檢測是否開啟大寫。提醒用戶。2011-02-02
本篇文章主要介紹了JS彈出窗口的運(yùn)用與技巧大全,詳解介紹了幾種利用網(wǎng)頁彈出各種形式的窗口，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2016-11-11
一文帶你掌握J(rèn)avaScript中的箭頭函數(shù)
在JavaScript中，箭頭函數(shù)是一種簡化的函數(shù)語法，它在ES6（ECMAScript?2015）引入，本文就來和大家深入講講JavaScript中的箭頭函數(shù)的使用吧2023-05-05
javascript設(shè)計(jì)模式 – 迭代器模式原理與用法實(shí)例分析
這篇文章主要介紹了javascript設(shè)計(jì)模式 – 迭代器模式原理與用法,結(jié)合實(shí)例形式分析了javascript迭代器模式相關(guān)概念、原理、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-04-04
響應(yīng)式表格之固定表頭的簡單實(shí)現(xiàn)
下面小編就為大家?guī)硪黄憫?yīng)式表格之固定表頭的簡單實(shí)現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
本篇文章主要是對超簡單JS二級、多級聯(lián)動的簡單實(shí)例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
Kotlin學(xué)習(xí)第一步 kotlin語法特性
Kotlin學(xué)習(xí)第一步，從kotlin語法特性開始學(xué)習(xí)，包括變量定義、函數(shù)擴(kuò)展、Parcelable序列化、編寫工具類等，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
javascript 原型與原型鏈的理解及實(shí)例分析
這篇文章主要介紹了javascript 原型與原型鏈的理解,結(jié)合實(shí)例形式分析了javascript 原型與原型鏈的原理、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-11-11
javascript Firefox與IE 替換節(jié)點(diǎn)的方法
Firefox 與 IE 替換節(jié)點(diǎn)的方法2010-02-02