History.back返回按钮的判断
作者:秋了秋 发表时间:2015年06月25日
先说一下这个功能,有的网页不用浏览器的返回后退按钮,而是直接用onClick="javascript:history.back();",而第一次进入页面的时候是没有浏览历史的,进而返回按钮失效,而我们又不想要它失效,而是让它跳转到我们想要访问者去到的页面。实现原理:浏览器的history是有初始值的,也即是history.length,比如ie=0;firefox=1 (包括 firefox ,google) ;opear=0。当history.length不为初始值时(即有浏览历史)则执行返回操作,否则的话跳转到指定页面。具体代码如下:
<a href="javascript:void(0);" onclick="back();">返回</a> <script> function back(myurl){ var backUrl="//netblog.cn"; var flag=false; if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0)) { if(history.length>0){ flag=true; history.back(); }} else { if (navigator.userAgent.indexOf('Firefox') >= 0) {if(window.history.length>1) { flag=true; history.back();} } else { if (navigator.userAgent.indexOf('Opera') >= 0) {if(history.length>0){flag=true;history.back();}} else{} } } if(flag==false) {window.location.href =backUrl;}} </script>
0
文章作者: “秋了秋”个人博客,本站鼓励原创。
转载请注明本文地址:http://netblog.cn/blog/358.html