禁用瀏覽器的後退按鈕

2022-09-13 12:51:10 字數 2652 閱讀 5466

禁用瀏覽器的後退按鈕

瀏覽器的後退按鈕使得我們能夠方便地返回以前訪問過的頁面,它無疑非常有用。但有時候我們不得不關閉這個功能,以防止使用者打亂預定的頁面訪問次序。本文介紹網路上可找到的各種禁用瀏覽器後退按鈕方案,分析它們各自的優缺點和適用場合。  

一、概述      

曾經有許多人問起,「怎樣才能『禁用』瀏覽器的後退按鈕?」,或者「怎樣才能防止使用者點選後退按鈕返回以前瀏覽過的頁面?」我訪問了許多**,參考了這些**所介紹的各種實現方法。如果你經常訪問asp程式設計**,本文所介紹的部分內容你可能已經見到過。本文的任務是把各種可能的方法都介紹給大家,然後找出最好的方法!                  

例如,假設我們有如下表單:      

<%  

response.buffer   =   true  

response.expiresabsolute   =   now()   -   1  

response.expires   =   0  

response.cachecontrol   =   "no-cache "  

if   len(session( "firsttimetopage "))   >   0   then                  

"使用者已經訪問過當前頁面,現在是再次返回訪問。                  

"清除會話變數,將使用者重定向到登入頁面。                  

session( "firsttimetopage ")   =   " "                  

response.redirect   "/bar.asp "                  

response.end                  

end   if                

"如果程式執行到這裡,說明使用者能夠檢視當前頁面      

"以下開始建立表單                  

%>            

我們借助會話變數firsttimetopage檢查使用者是否是第一次訪問當前頁面。如果不是第一次(即session( "firsttimetopage ")包含某個值),那麼我們就清除會話變數的值,然後把使用者重新定向到乙個開始頁面。這樣,當表單提交時(此時sompepage.asp被開啟),我們必須賦予firsttimetopage乙個值。即,在somepage.asp中我們需要加上下面的**:    

另外,我們也可以用客戶端**使瀏覽器不再快取web頁面:                

如果使用上面的方法強制瀏覽器不再快取web頁面,必須注意以下幾點:                  

只有在使用安全連線時「pragma:   no-cache」才防止瀏覽器快取頁面。對於不受安全保護的頁面,「pragma:   no-cache」被視為與「expires:   -1」相同,此時瀏覽器仍舊快取頁面,但把頁面標記為立即過期。      

在ie   4或5中,「cache-control」meta   http-equiv標記將被忽略,不起作用。      

在實際應用中我們可以加上所有這些**。然而,由於這種方法不能適用於所有的瀏覽器,所以是不推薦使用的。但如果是在intranet環境下,管理員可以控制使用者使用哪種瀏覽器,我想還是有人會使用這種方法。  

三、其他方法                  

接下來我們要討論的方法以後退按鈕本身為中心,而不是瀏覽器快取。這兒有一篇文章rewiring   the   back   button很值得參考。不過我注意到,如果使用這種方法,雖然使用者點選一下後退按鈕時他不會看到以前輸入資料的頁面,但只要點選兩次就可以,這可不是我們希望的效果,因為很多時候,固執的使用者總是能夠找到繞過預防措施的辦法。                  

另外一種禁用後退按鈕的辦法是用客戶端j**ascript開啟乙個沒有工具條的視窗,這使得使用者很難返回前一頁面,但不是不可能。一種更安全但相當惱人的方法是,當表單提交時開啟乙個新的視窗,與此同時關閉表單所在的視窗。但我覺得這種方法不值得認真考慮,因為我們總不能讓使用者每提交乙個表單就開啟乙個新視窗。                  

那麼,在那個我們不想讓使用者返回的頁面是否也可以加入j**ascript**呢?在這個頁面中加入的j**ascript**可用來產生點選前進按鈕的效果,這樣也就抵消了使用者點選後退按鈕所產生的動作。用於實現該功能的j**ascript**如下所示:        

同樣地,這種方法雖然有效,但距離「最好的方法」還差得很遠。後來我又看到有人建議用location.replace從乙個頁面轉到另乙個頁面。這種方法的原理是,用新頁面的url替換當前的歷史紀錄,這樣瀏覽歷史記錄中就只有乙個頁面,後退按鈕永遠不會變為可用。我想這可能正是許多人所尋求的方法,但這種方法仍舊不是任何情況下的最好方法。使用這種方法的例項如下所示:            

點選上面的鏈結,你將開啟乙個簡單的html頁面。再點選後退按鈕,你可以看到這時開啟的不是本頁面,而是本頁面之前的頁面!(當然,你必須在瀏覽器中啟用了客戶端j**ascript**。)                  

經過一番仔細的尋尋覓覓之後,我發現仍舊無法找出真正能夠完全禁用瀏覽器後退按鈕的辦法。所有這裡介紹的方法都能夠在不同程度上、以不同的方式禁止使用者返回前一頁面,但它們都有各自的侷限。由於不存在能夠完全禁用後退按鈕的方法,所以最好的方案應該是:混合運用客戶端指令碼和伺服器端指令碼。

禁用瀏覽器後退按鈕

為解決瀏覽器後退按鈕禁用的方法,在網上搜尋了幾個方法,雖然可用但是沒有太完美的.1 利用js產生乙個 前進 的動作,以抵消後退功能,這種方法應該是最簡潔的,並且不需要考慮使用者連點兩次或多次 後退 的情況,缺點是當使用者端禁用了j ascript之後即失效。2 logout back disable...

利用js實現 禁用瀏覽器後退

現在很多的內部系統,一些介面,都是使用者手動點選退出按鈕的。但是為了避免,使用者誤操作 點選瀏覽器後退,或者用滑鼠手勢後退什麼的。容易出現誤操作。所以在有些頁面上,適當的禁用瀏覽器的後退,是可以提高很大的使用者體驗。在網上查,可以查到很多js禁用後退的材料。用的多的方法如下 1 回退後,產生乙個前進...

利用js實現 禁用瀏覽器後退

現在很多的內部系統,一些介面,都是使用者手動點選退出按鈕的。但是為了避免,使用者誤操作 點選瀏覽器後退,或者用滑鼠手勢後退什麼的。容易出現誤操作。所以在有些頁面上,適當的禁用瀏覽器的後退,是可以提高很大的使用者體驗。在網上查,可以查到很多js禁用後退的材料。這種方式,不算是乙個滿意的解決方式。因為使...