js中網(wǎng)頁前進和后退的代碼
前進: history.forward();=history.go(1);
后退: history.back();=history.go(-1);
但是如果加在熱區(qū)中
<<span class="start-tag">mapname="Maps"id="Maps"><<span class="start-tag">areashape="rect"coords="2,2,79,52"href="javascript:history.go(-1);"target="_blank"><<span class="start-tag">areashape="rect"coords="77,2,166,52"href="#"><<span class="starttag">areashape="rect"coords="166,4,242,51"href="#"target="_blank"><<spanclass="starttag">areashape="rect"coords="248,5,318,53"href="javascript:history.go(1);"target="_blank"></<span class="end-tag">map>
如果有target="_blank"這個屬性,就會打開一個新的窗口,所以前進和后退沒有起作用,所以需要刪掉這個屬性。
拓展資料
Javascript是一種由Netscape的LiveScript發(fā)展而來的原型化繼承的面向對象的動態(tài)類型的區(qū)分大小寫的客戶端腳本語言,于是Netscape的瀏覽器Navigator加入了Javascript,提供了數(shù)據(jù)驗證的基本功能,主要目的是為了解決服務器端語言,比如Perl,遺留的速度問題,為客戶提供更流暢的瀏覽效果。當時服務端需要對數(shù)據(jù)進行驗證,由于網(wǎng)絡速度相當緩慢,只有28.8kbps,驗證步驟浪費的時間太多。
js瀏覽器回退——window.onpageshow
javascript怎么禁用瀏覽器后退按鈕
<scriptlanguage="JavaScript">利用JS產(chǎn)生一個“前進”的動作,以抵消后退功能,這種方法應該是最簡潔的,并且不需要考慮用戶連點兩次或多次“后退”的情況,缺點是當用戶端禁用了JavaScript之后即失效。
javascript:window.history.forward(1);
</script>
<AHREF="logout.do"onclick="javascript:location.replace(this.href);event.returnValue=fal;">用location.replace從一個頁面轉到另一個頁面。這種方法的原理是,用新頁面的URL替換當前的歷史紀錄,這樣瀏覽歷史記錄中就只有一個頁面,后退按鈕永遠不會變?yōu)榭捎谩N蚁脒@可能正是許多人所尋求的方法,但這種方法仍舊不是任何情況下的最好方法。這種方法的缺點在于:簡單地運用Respon.Redirect將不再有效,這是因為每次用戶從一個頁面轉到另一個頁面,我們都必須用客戶端代碼清除location.history。另外還要注意,這種方法清除的是最后一個訪問歷史記錄,而不是全部的訪問記錄。
Logout(BackDisabled)
</A>
當鍵盤敲下后退鍵(Backspace)后
1、禁止瀏覽器自動后退
2、但不影響密碼、單行文本、多行文本輸入框等的回退操作
<scripttype="text/javascript">
//處理鍵盤事件禁止后退鍵(Backspace)密碼或單行、多行文本框除外
functionbanBackSpace(e){
varev=e||window.event;//獲取event對象
varobj=ev.target||ev.srcElement;//獲取事件源
vart=obj.type||obj.getAttribute('type');//獲取事件源類型
//獲取作為判斷條件的事件類型
varvReadOnly=obj.getAttribute('readonly');
varvEnabled=obj.getAttribute('enabled');
//處理null值情況
vReadOnly=(vReadOnly==null)?fal:vReadOnly;
vEnabled=(vEnabled==null)?true:vEnabled;
//當敲Backspace鍵時,事件源類型為密碼或單行、多行文本的,
//并且readonly屬性為true或enabled屬性為fal的,則退格鍵失效
varflag1=(ev.keyCode==8&&(t=="password"||t=="text"||t=="textarea")
&&(vReadOnly==true||vEnabled!=true))?true:fal;
//當敲Backspace鍵時,事件源類型非密碼或單行、多行文本的,則退格鍵失效
varflag2=(ev.keyCode==8&&t!="password"&&t!="text"&&t!="textarea")
?true:fal;
//判斷
if(flag2){
returnfal;
}
if(flag1){
returnfal;
}
}
//禁止后退鍵作用于Firefox、Opera
document.onkeypress=banBackSpace;
//禁止后退鍵作用于IE、Chrome
document.onkeydown=banBackSpace;
</script>
js后退兩頁并且同時刷新怎么辦?
<a href="javascript:history.go(-1)">返回上一頁</a>
<a href="javascript:location.reload()">刷新當前頁面</a>
<a href="javascript:" onclick="history.go(-2); ">返回前兩頁</a>
<a href="javascript:" onclick="lf.location=document.referrer;">返回上一頁并刷新</a>
<a href="javascript:" onclick="history.back(); ">返回上一頁</a>
求助:js 瀏覽器后退重新加載頁面
傳統(tǒng)方法很難檢查,但瀏覽器有本地緩存功能, 如果你的瀏覽器支持html5,那么使用下面的方法。
if(localStorage.getItem('state')==1){
alert('這是后退后的頁面');
localStorage.tItem('state',0);
location.href=location.href;
}
window.onbeforeunload=function(){
localStorage.tItem('state',1);
};原理很簡單,離開就設置一個狀態(tài), 后退發(fā)現(xiàn)狀態(tài)不是初始狀態(tài),那么就一定是跳到其他地方過,就刷新頁面。
如果你的瀏覽器不支持html5,那么使用cookies 一樣可以做。
本文發(fā)布于:2023-02-28 20:17:00,感謝您對本站的認可!
本文鏈接:http://www.newhan.cn/zhishi/a/167766815583701.html
版權聲明:本站內(nèi)容均來自互聯(lián)網(wǎng),僅供演示用,請勿用于商業(yè)和其他非法用途。如果侵犯了您的權益請與我們聯(lián)系,我們將在24小時內(nèi)刪除。
本文word下載地址:js后退(js后退頁面不重新加載).doc
本文 PDF 下載地址:js后退(js后退頁面不重新加載).pdf
| 留言與評論(共有 0 條評論) |