单击后退按钮时重定向到不同的页面"不工作"

时间:2014-05-07 19:16:08

标签: javascript html

我有一个表单,一旦提交了它,它就会被提交。将用户带到" Thanks页面"我们的想法是,如果用户点击后退按钮,而不是返回到表单,则会将用户带到另一个页面。我正在使用src="backfix.min.js",它正确地位于.js文件中。警告消息,但由于某种原因,它没有将用户带到我想要的页面。

<!DOCTYPE html>
<html>
<head>
<title>Thank You!</title>

<script type="text/javascript" src="backfix.min.js"></script>
<script type="text/javascript">// <![CDATA[
bajb_backdetect.OnBack = function()
{    
alert("Will take you back to the main page");
document.location.href = 'http://goggle.com'; 
};
</script>  
</head>

<body  style="background-color: white" >
<div align="center" >           
<img  alt="thanyou" src="Images/thank_you[2].png" width="800" height="600"> 
</div>

</body>
</html>

1 个答案:

答案 0 :(得分:1)

浏览器后退按钮运行window.history.back()

因此,使用window.history.back&amp;覆盖它:

bajb_backdetect.OnBack = function()
{   
     alert("Will take you back to the main page");
      window.history.back=function(){document.location='http://google.com';};

  }

对我而言,我的意思是back.fix this Library

更新:

这是my example

如果还不行。包裹setTimeout功能中的所有代码:

setTimeout(function(){

  bajb_backdetect.OnBack = function()
    {   
      alert("Will take you back to the main page");
      window.history.back=function(){document.location='http://google.com'}
    }
 },200)