AffsTools
一步一步教你用网络营销实现财务自由

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

  用户进入你的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>

未经允许不得转载:AffsTools.org » 如何利用用户点击浏览器的后退前进按钮事件

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址