当前位置: 秋叶网络博客 前端编程 ◊ History.back返回按钮的判断

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="//www.mizuiren.com";
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
文章作者: 秋叶网络博客,本站鼓励原创。
转载请注明本文地址:https://www.mizuiren.com/blog/358.html
目录:前端编程标签:返回按钮 13420次阅读
登 录
点击获取验证码
还没账号?点击这里