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

History.back返回按钮的判断

作者:秋叶 发表时间:2015年6月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="http://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>
转载请保留链接:History.back返回按钮的判断 | 出处:秋叶个人博客| 本文链接地址:http://www.mizuiren.com/358.html
目录: 前端设计 | 标签: | 10339次阅读