如何利用用户点击浏览器的后退前进按钮事件

  用户进入你的landing page,看了之后没有兴趣，想离开，这时，你会不会觉得很浪费，钱花了，用户啥也没干，不过当用户习惯性的点后退按钮时，你可以利用一下，让他看另外一个landing page,也许有兴趣呢，或者你可以干点别的事，对不，显示一下广告也好。

下面就是一个很通常的方法,但不得不说这个方法局限性在于兼容问题，详见测试http://www.asheep.cn/skill/onunload.html，代码如下：

window.onbeforeunload = function (e) {
            var e = e || window.event;
            var msg = "Do you really want to leave this page?"

            // For IE and Firefox
            if (e) {
                e.returnValue = msg;
            }

            // For Safari / chrome
            return msg;
         };

如果要更专业的，请看:http://html5demos.com/history

顺便列一下，跳转到指定页面的相关语句：

第一种：
<script language=”javascript” type=”text/javascript”>
window.location.href=”login.jsp?backurl=”+window.location.href;
</script>

第二种：
<script language=”javascript”>
alert(“返回”);
window.history.back(-1);
</script>

第三种：
<script language=”javascript”>
window.navigate(“top.jsp”);
</script>

第四种：
<script language=”JavaScript”>
self.location=’top.htm’;
</script>

第五种：
<script language=”javascript”>
alert(“非法访问！”);
top.location=’xx.jsp’;
</script>

另外一种办法是使用JavaScript修改浏览器URL地址栏，当用户点击后退的时候，自动调用我们存进去的url,一样可以达到目的。代码如下：

<javascript>

var stateObject = {id: 0};
var newUrl = “/my/awesome/url/”;
history.pushState(stateObject,title,newUrl);
</javascript>

Please follow and like us:

站长Email: [email protected]AffsTools.org » 如何利用用户点击浏览器的后退前进按钮事件