停止瀏覽器后退按鈕的含義是阻止用戶轉(zhuǎn)到上一頁(yè)。有時(shí)，出于安全考慮，我們需要阻止用戶轉(zhuǎn)到當(dāng)前頁(yè)面的后面。
例如，當(dāng)您使用網(wǎng)上銀行從其網(wǎng)站進(jìn)行某些交易時(shí)，大多數(shù)銀行網(wǎng)站不允許您返回。因?yàn)槿绻脩魪慕灰字虚g返回，可能會(huì)產(chǎn)生一些問(wèn)題。因此，它只允許您完成交易或取消交易并重新開(kāi)始。
在這里，我們將學(xué)習(xí)使用 JavaScript 防止用戶從當(dāng)前網(wǎng)頁(yè)返回上一個(gè)網(wǎng)頁(yè)的各種方法。在本教程中，我們將學(xué)習(xí)使用 JavaScript 或 jQuery 停止瀏覽器后退按鈕。
使用window.history.forward()方法
window.history.forward() 方法允許我們將用戶重定向到之前的 URL。窗口對(duì)象以堆棧格式存儲(chǔ)位置對(duì)象。因此，歷史對(duì)象的forward()方法找到最后一個(gè)位置并將用戶重定向到該位置對(duì)象的URL。
語(yǔ)法
用戶可以按照以下語(yǔ)法使用歷史對(duì)象的forward()方法。
window.history.forward();
登錄后復(fù)制
在上面的語(yǔ)法中，window指的是全局對(duì)象，每個(gè)網(wǎng)頁(yè)都包含window對(duì)象。
示例 1
在下面的示例中，我們使用 HTML <a> 標(biāo)簽創(chuàng)建了鏈接，將用戶發(fā)送到 TutorialsPoint 網(wǎng)站的主頁(yè)。在 JavaScript 中，我們剛剛添加了 window.history.forward() 方法。
現(xiàn)在，每當(dāng)用戶從當(dāng)前網(wǎng)頁(yè)轉(zhuǎn)到tutorialsPoint網(wǎng)站的主頁(yè)時(shí)，他們將無(wú)法返回該頁(yè)面。
<html>
<body>
<h2>Preventing the browser's back button using the <i> window.history.forward() </i> method. </h2>
<h3>Click the below link. </h3>
<a > tutorialspoint</a>
<script>
window.history.forward();
</script>
</body>
</html>
登錄后復(fù)制
示例 2
在下面的示例中，我們使用 setTimeOut() 函數(shù)在特定時(shí)間后將用戶重定向到上一頁(yè)。在setTimeOut()函數(shù)中，我們?cè)?秒后調(diào)用window.history.forward()方法。
因此，在輸出中，用戶可以觀察到，每當(dāng)他們從TutorialsPoint網(wǎng)站的主頁(yè)返回當(dāng)前頁(yè)面時(shí)，它都會(huì)在1秒后再次重定向。
<html>
<body>
<h2>Preventing the browser's back button using the <i> window.history.forward() </i> method. </h2>
<h3>Click the below link. </h3>
<a > tutorialspoint </a>
<script>
setTimeout(() => { window.history.forward() }, 1000);
</script>
</body>
</html>
登錄后復(fù)制
使用 window.history.go() 方法
window.history.go() 方法將用戶重定向到最后一個(gè)位置的 URL。
語(yǔ)法
用戶可以按照下面的語(yǔ)法使用window.history.go()方法來(lái)停止瀏覽器的后退按鈕。
<body onload = "stopBack();"></body>
<script>
function stopBack() {
window.history.go(1);
}
</script>
登錄后復(fù)制
在上面的語(yǔ)法中，我們將 onload 屬性添加到 HTML <body> 元素中并調(diào)用 stopBack() 函數(shù)。
示例 3
在下面的示例中，我們使用 window.history.go() 方法將用戶重定向到上一頁(yè)。每當(dāng)網(wǎng)頁(yè)加載時(shí)，它就會(huì)調(diào)用 stopBack 函數(shù)，它將用戶從當(dāng)前頁(yè)面重定向到上一頁(yè)，這樣我們就可以停止瀏覽器的后退按鈕。
<html>
<body onload="stopBack();">
<h2>Preventing the browser's back button using the <i>window.history.go() </i> method.</h2>
<h3>Click the below link. </h3>
<a > tutorialspoint</a>
<div id = "output"> </div>
<script>
var output = document.getElementById('output');
function stopBack() {
window.history.go(1);
}
</script>
</body>
</html>
登錄后復(fù)制
我們學(xué)會(huì)了如何阻止用戶返回特定網(wǎng)頁(yè)。我們使用了 window.history.forward() 和 window.history.go() 方法。
以上就是如何使用 JavaScript 停止瀏覽器的后退按鈕？的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注www.92cms.cn其它相關(guān)文章！
