javascript限制浏览器后退

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript限制浏览器后退相关的知识,希望对你有一定的参考价值。

我想用javascript实现一点浏览器后退的按钮,就alert弹出一个提示,并且不能后退,主要是一点后退就弹提示,哪位大侠帮帮忙啊

参考技术A JAVASCRIPT使用history对象控制浏览器前进与后退2008年12月04日 星期四 21:50history对象同样是Window对象的一个子对象,它对应于浏览器的历史记录功能。例如使用【后退】按钮可以使浏览器导航到上一页面,而使用【前进】按钮则使用户导航至下一页面,利用【前进】或【后退】按钮旁的下拉列表框,还可以任意跳转到指定的页面。当然,这些页面都是用户访问过的,它们以栈的形式存储于浏览器的内部。

在JavaScript中,浏览器的这个功能以history对象的形式提供给用户,用于使用代码控制这些操作。对应于前进、后退、访问任意页面,history也提供了3个方法:back()、forward()、go()。这些方法用来控制浏览器的前进和后退功能。例如:

history.back(); //相当于用户单击【后退】按钮history.forward(); //相当于用户单击【前进】按钮history.go(-2); //相当于用户单击两次【后退】按钮,或利用下拉列表转到倒数第二个页面

在这里需要注意的是history.go()方法,当参数为正时,相当于前进功能;当参数为负时,相当于后退功能。所以下面的语句是等价的,都表示后退功能:

history.back();history.go(-1);

下面的两条语句也是等价的,都表示后退功能:

history.forward();history.go(1);

当history.go()方法的参数为0时,表示刷新当前页面,用户已经输入的表单数据不会改变。

——————————————————————————————————————————

今天看到一个据说是能死机的页面,里面代码:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META content=一点了就死机的按钮,网页特效 name=keywords>
<title>一点了就死机的按钮---网页特效站</title>

<script>
function freeze()
alert ('对不起,你死机了,哈哈!!!');while(true)window.history.back(-1)
</script>

</head>

<body><FORM>
<INPUT TYPE="BUTTON" VALUE="点了就死机,有胆量你试试" onClick="freeze()">
</FORM>
</body>
</html>

看了下,其实就是死循环在起作用,倒是那个history.back方法没见过,就找了点资料,这个资料算比较全的了。

back forward go方法的使用前提都是必须有能够前进或者后退的页面,而且表单内容均不变。
参考技术B location.replace().点击过去后不能返回.希望采纳. 参考技术C 浏览器的回退是无法阻止的,最多是在onunload的时候让用户确认是否回退。

js基础之Window History(BOM)

window.history 对象包含浏览器历史。
window.history 对象可不带 window 书写。

为了保护用户的隐私,JavaScript 访问此对象存在限制。

一些方法:

  • history.back() - 等同于在浏览器点击后退按钮
  • history.forward() - 等同于在浏览器中点击前进按钮

    history.back() 方法加载历史列表中前一个 URL。

这等同于在浏览器中点击后退按钮。

<html>
<head>
<script>
function goBack() {
    window.history.back()
 }
</script>
</head>
<body>

<input type="button" value="Back" onclick="goBack()">

</body>
</html>
history forward() 方法加载历史列表中下一个 URL。

这等同于在浏览器中点击前进按钮。

<html>
<head>
<script>
function goForward() {
    window.history.forward()
 }
</script>
</head>
<body>

<input type="button" value="Forward" onclick="goForward()">

</body>
</html>

以上是关于javascript限制浏览器后退的主要内容,如果未能解决你的问题,请参考以下文章

javascript怎么禁用浏览器后退按钮

JavaScript 或 jQuery 浏览器后退按钮点击检测器

如何使用javascript禁用后退和前进按钮

Javascript/jQuery 仅在浏览器后退/前进按钮单击时检测哈希更改

如何使用 JavaScript 禁用浏览器中的后退按钮 [重复]

如何使用 JavaScript 禁用浏览器中的后退按钮 [重复]