JavaScript禁止頁面回退的方法步驟
更新時(shí)間：2023年08月06日 16:41:25 作者：程序員阿宇
這篇文章主要為大家介紹了JavaScript禁止頁面回退的方法步驟,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
1.可以消除 后退的所有動(dòng)作
包括 鍵盤、鼠標(biāo)手勢(shì)等產(chǎn)生的后退動(dòng)作。
<script language="javascript">
//防止頁面后退
history.pushState(null, null, document.URL);
window.addEventListener('popstate', function () {
history.pushState(null, null, document.URL);
});
</script>2.禁止瀏覽器點(diǎn)擊后退按鈕
系統(tǒng)登錄退出后，跳轉(zhuǎn)到登錄頁面，登錄頁面點(diǎn)擊瀏覽器后退按鈕，頁面后退到之前登錄的頁面。在退出登錄后，禁止瀏覽器點(diǎn)擊后退按鈕，進(jìn)行頁面回退；
window.location.hash="no-back";
window.location.hash="Again-No-back-button";
window.onhashchange=function(){window.location.hash="no-back";}3.系統(tǒng)中嵌入iframe
映入其他頁面。當(dāng)session失效時(shí)，點(diǎn)擊導(dǎo)航后，由于后臺(tái)做了登錄攔截，此時(shí)iframe中就會(huì)嵌入登錄頁面；當(dāng)session失效時(shí)，希望系統(tǒng)可以跳轉(zhuǎn)到登錄頁面中；
/**
* [loadTopWindow 判斷是否有頂層窗口，登錄超時(shí)跳轉(zhuǎn)]
* @return {[type]} [description]
*/
function loadTopWindow() {
if (window.top != null && window.top.document.URL != document.URL){
window.top.location = document.URL;
}
}
<body onload="loadTopWindow()"></body>以上就是JavaScript禁止頁面回退的方法步驟的詳細(xì)內(nèi)容，更多關(guān)于JavaScript禁止頁面回退的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
數(shù)據(jù)包圍著我們。雖然搜索引擎和其他應(yīng)用都對(duì)基于文本方式表示的數(shù)據(jù)偏愛有加，但人們發(fā)現(xiàn)可視化是更容易理解的一種方式。今年初，SitePoint 發(fā)表了 Aurelio 的文章《 Chart.js簡(jiǎn)介》。在深入研究 Chart.js 的功能后，本文將會(huì)講解這篇簡(jiǎn)介的一些重點(diǎn)。2015-10-10
JS實(shí)現(xiàn)導(dǎo)出Excel和CSV文件操作
這篇文章介紹了JS實(shí)現(xiàn)導(dǎo)出Excel和CSV文件的方法，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-05-05
JavaScript實(shí)現(xiàn)兼容IE6的收起折疊與展開效果實(shí)例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)兼容IE6的收起折疊與展開效果,結(jié)合具體實(shí)例形式分析了javascript事件響應(yīng)及針對(duì)頁面元素屬性的動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-09-09
網(wǎng)頁禁用右鍵菜單和鼠標(biāo)拖動(dòng)選擇方法小結(jié)
本文主要給大家總結(jié)了一下在網(wǎng)頁中禁用鼠標(biāo)右鍵和鼠標(biāo)拖動(dòng)選擇的幾種常用的方法，十分的實(shí)用，有需要的小伙伴參考下。2015-02-02
Next.js?16的實(shí)踐案例和坑點(diǎn)總結(jié)
Next.js16的到來,總體來說對(duì)Next.js開發(fā)者來說是好事,并且讓我看到了未來在技術(shù)選擇中,是否對(duì)AI友好將會(huì)成為關(guān)鍵點(diǎn),這篇文章主要介紹了Next.js?16實(shí)踐案例和坑點(diǎn)的相關(guān)資料,需要的朋友可以參考下2026-01-01
json數(shù)據(jù)處理技巧(字段帶空格、增加字段、排序等等)
json數(shù)據(jù)處理技巧例如：正常取值、字段帶空格、賦值、增加字段、排序、拷貝、數(shù)組添加和刪除等，詳細(xì)請(qǐng)參考本文或許對(duì)你有所幫助2013-06-06
詳解JavaScript如何創(chuàng)建一個(gè)非自動(dòng)播放的GIF網(wǎng)絡(luò)組件
這篇文章主要為大家介紹了如何利用JavaScript創(chuàng)建一個(gè)允許您的用戶決定是否要播放gif的Web組件，文中的實(shí)現(xiàn)步驟講解詳細(xì)，需要的可以參考一下2022-02-02
“眼睛跟隨鼠標(biāo)轉(zhuǎn)動(dòng)效果”—— 265.com 把它放在網(wǎng)頁的LOGO里，用javascript來實(shí)現(xiàn)，這個(gè)創(chuàng)意不錯(cuò)！ 以前剛做FLASH的時(shí)候，用AS1實(shí)現(xiàn)過，今天下班早，在家簡(jiǎn)寫了個(gè)：2008-02-02
學(xué)習(xí)使用bootstrap基本控件（table、form、button）
這篇文章主要教會(huì)大家學(xué)習(xí)使用bootstrap基本控件，如table、form、button控件，感興趣的小伙伴們可以參考一下2016-04-04
JS實(shí)現(xiàn)三個(gè)層重疊點(diǎn)擊互相切換的方法
這篇文章主要介紹了JS實(shí)現(xiàn)三個(gè)層重疊點(diǎn)擊互相切換的方法,涉及JavaScript動(dòng)態(tài)操作頁面定位屬性的相關(guān)技巧,需要的朋友可以參考下2015-10-10