導航:首頁 > 編程語言 > js控制瀏覽器前進後退鍵

js控制瀏覽器前進後退鍵

發布時間:2021-04-21 12:24:13

『壹』 js中網頁前進和後退的代碼

前進: history.forward();=history.go(1);
後退: history.back();=history.go(-1);
注意事項:前進後退按鈕是需要在特定環境下才有效果的,即你需要從另一個頁面進入到這個頁面後,點擊這個後退按鈕才有後退的效果,否則是沒有的。
【拓展資料】
javascript中的後退和刷新;
<input type=button value=刷新 onclick="window.location.reload()">
<input type=button value=前進 onclick="window.history.go(1)">
<input type=button value=後退 onclick="window.history.go(-1)">
<input type=button value=前進 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程序中,如為頁面按鈕寫返回上一頁代碼
this.RegisterClientScriptBlock("E", "<script language=javascript>history.go(-2);</script>");
其中,history.go(-2),要寫為-2,因在按鈕事件觸發前,已刷新一次頁面,所以應是-2。
Response.Write("<script language=javascript>history.go(-2);</script>");
此處也要寫為「-2」。跟直接寫腳本的有所不同。history.back()是會上一頁
i=1
history.go(i)去指定的某頁
如果是history.go(0)那就是刷新這兩個屬於JS代碼,相當於IE的前進、後退功能。
具體的用處就要看什麼時候需要這個就用上。比如用戶注冊時的驗證是後台驗證,不符合要求的時候就可以用這個,可以最大限度保證用戶少重復輸入數據。
例如:載入頁面:
function onLoadPage(){
if(event.srcElement.tagName=="SPAN"){
oFrame=top.window.middle.frames[2];
oTxt=event.srcElement.innerText;
switch(oTxt){
case "前 進":
oFrame.history.go(1);
case "後 退":
oFrame.history.back();
case "刷 新":
oFrame.location.reload();
}
}
}

打開一個jsp頁面,肯定是用客戶端腳本進行刷新了。
Javascript刷新頁面的幾種方法:
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

『貳』 js history 操作瀏覽器的返回 前進

history.back(); 這個就行了

『叄』 我想問問js可以獲取到用戶點擊瀏覽器上前進和後退鍵的事件的嗎怎麼獲取

//如果你用jQuery
jQuery(window).bind("unload",function(){}

window.unload 也可以監聽一些瀏覽器,不過對某些瀏覽器有兼容性問題。

『肆』 JAVASCRIPT 怎麼監控瀏覽器上的後退前進按鈕

凡是與瀏覽器有關的,都在window對象里找。window對象裡面有與窗口,frame,導航還有狀態欄有關的所回有內容哦。答下載一個window對象技術文檔,隨用隨查,印象中,好像控制不了前進後退按鈕,只能變通著實現。

『伍』 使用javascript 如何實現禁用瀏覽器後退按鈕

參考下面代碼:
<script type="text/javascript">
//禁止後退鍵 作用於Firefox、
document.onkeypress=banBackSpace;
//禁止後退鍵 作用於IE、Chrome
document.onkeydown=banBackSpace;
//處理鍵盤事件 禁止後退鍵(Backspace)密碼或單行、多行文本框除外
function banBackSpace(e){
var ev = e || window.event;//獲取event對象
var obj = ev.target || ev.srcElement;//獲取事件源
var t = obj.type || obj.getAttribute('type');//獲取事件源類型
//獲取作為判斷條件的事件類型
var vReadOnly = obj.getAttribute('readonly');
var vEnabled = obj.getAttribute('enabled');
//處理null值情況
vReadOnly = (vReadOnly == null) ? false : vReadOnly;
vEnabled = (vEnabled == null) ? true : vEnabled;
//當敲Backspace鍵時,事件源類型為密碼或單行、多行文本的,
//並且readonly屬性為true或enabled屬性為false的,則退格鍵失效
var flag1=(ev.keyCode == 8 && (t=="password" || t=="text" || t=="textarea") && (vReadOnly==true || vEnabled!=true))?true:false;
//當敲Backspace鍵時,事件源類型非密碼或單行、多行文本的,則退格鍵失效
var flag2=(ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea") ?true:false;
//判斷
if(flag2){
return false;
}
if(flag1){
return false;
}
}
</script>

『陸』 JS 實現瀏覽器自帶的前進後退的點擊事件

history.go(1),
history.go(-1)

window.open() 不行么

『柒』 javascript怎麼禁用瀏覽器後退按鈕

  1. <scriptlanguage="JavaScript">
    javascript:window.history.forward(1);
    </script>
    利用JS產生一個「前進」的動作,以抵消後退功能,這種方法應該是最簡潔的,並且不需要考慮用戶連點兩次或多次「後退」的情況,缺點是當用戶端禁用了JavaScript之後即失效。
  2. <AHREF="logout.do"onclick="javascript:location.replace(this.href);event.returnValue=false;">
    Logout(BackDisabled)
    </A>
    用location.replace從一個頁面轉到另一個頁面。這種方法的原理是,用新頁面的URL替換當前的歷史紀錄,這樣瀏覽歷史記錄中就只有一個頁面,後退按鈕永遠不會變為可用。我想這可能正是許多人所尋求的方法,但這種方法仍舊不是任何情況下的最好方法。這種方法的缺點在於:簡單地運用Response.Redirect將不再有效,這是因為每次用戶從一個頁面轉到另一個頁面,我們都必須用客戶端代碼清除location.history。另外還要注意,這種方法清除的是最後一個訪問歷史記錄,而不是全部的訪問記錄。
  3. 當鍵盤敲下後退鍵(Backspace)後
    1、禁止瀏覽器自動後退
    2、但不影響密碼、單行文本、多行文本輸入框等的回退操作

  4. <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)?false:vReadOnly;
    vEnabled=(vEnabled==null)?true:vEnabled;

    //當敲Backspace鍵時,事件源類型為密碼或單行、多行文本的,
    //並且readonly屬性為true或enabled屬性為false的,則退格鍵失效
    varflag1=(ev.keyCode==8&&(t=="password"||t=="text"||t=="textarea")
    &&(vReadOnly==true||vEnabled!=true))?true:false;

    //當敲Backspace鍵時,事件源類型非密碼或單行、多行文本的,則退格鍵失效
    varflag2=(ev.keyCode==8&&t!="password"&&t!="text"&&t!="textarea")
    ?true:false;

    //判斷
    if(flag2){
    returnfalse;
    }
    if(flag1){
    returnfalse;
    }
    }

    //禁止後退鍵作用於Firefox、Opera
    document.onkeypress=banBackSpace;
    //禁止後退鍵作用於IE、Chrome
    document.onkeydown=banBackSpace;

    </script>

『捌』 javascript怎麼實現讓瀏覽器後退和前進的功能

<inputtype=buttonvalue=刷新onclick="window.location.reload()">
<inputtype=buttonvalue=前進onclick="window.history.go(1)">
<inputtype=buttonvalue=後退onclick="window.history.go(-1)">
<inputtype=buttonvalue=前進onclick="window.history.forward()">
<inputtype=buttonvalue=後退onclick="window.history.back()">
<inputtype=buttonvalue=後退並刷新onclick="window.history.go(-1);window.location.reload()">


這個前進後退按鈕是不能是從一個頁面新開tab頁到的頁面,需要需要從另一個頁面進入到這個頁面後,點擊這個後退按鈕才有後退的效果,否則是達不到效果的。



引用自 www.jb51.net/article/32143.htm

『玖』 js如何使瀏覽器的後退和前進功能失效(IE FF 谷歌)

方法一:直接返回
可以用一個按鈕.
<input id="Button2" type="button" value="返回" onclick="history.back(-1)"/>

方法二:提示跳轉
Response.Write("<script language=javascript>alert('注冊成內功,請登陸!容');this.top.location.href='"&urlgo&"';</script>")

『拾』 js可以獲取到用戶點擊瀏覽器上前進和後退鍵的事件的嗎

瀏覽器上復的按鈕你是管不到制的,你只可以管你自己的網頁
所以可以處理window.onbeforeunload=function(){return false}事件,在你的網頁結束前,讓人確認一下是不是要離開這個頁面

閱讀全文

與js控制瀏覽器前進後退鍵相關的資料

熱點內容
河東區愛琴海影院影訊 瀏覽:601
反映女中介和客戶的台灣電影 瀏覽:341
網路技術專業前景 瀏覽:108
韓國古裝電影 床戲 瀏覽:933
哈薩克電影全集免費 瀏覽:405
韓國電影比尿尿尿的遠 瀏覽:340
一部悲傷的電影用英語怎麼說 瀏覽:303
大數據的論壇有哪些 瀏覽:854
筆記本沒網路怎麼上網 瀏覽:518
國產 電影區 小說區 圖片 瀏覽:379
滴滴app怎麼支付 瀏覽:832
沒有u盤怎麼列印店裡面的文件 瀏覽:134
css兼容性工具 瀏覽:757
任帥和檳榔妹妹的愛情故事啥電影 瀏覽:633
還有一個p開頭的網站 瀏覽:275
中央新下達文件50個省 瀏覽:613
銅仁網站製作多少錢 瀏覽:991
電影14路末班車免費觀看 瀏覽:665
ak愛看福利電影院 瀏覽:438

友情鏈接