`
IT少年
  • 浏览: 74201 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript 判断 history.back() 起作用了没

阅读更多

由于history.back() 没有返回值,我们很难 知道  我们的 这句话执行了还是没执行,但是 他的执行与否 又影响 我们的 后面的要执行的一些代码,

此文 通过 另外一条路 来达到   判断history.back() 起没起作用的效果。
我们可以知道 history还有一个 成员变量 就是length,他有一个初值,
(不了解请去 w3cschool 看看, )
如果你的 超链接 是 新建一个窗口打开 的链接,那么这个值是不会增加的,同样的 浏览器的自带的 前进,后退也是不管用的,所以我们可以 通过判断 length的 现在 值 是否大于他的初值 来判断 现在 的页面 能不能后退 ,即history.back()能不能起作用;
下面是 几种常见主流 浏览器  的 length 的初值;
ie   0
firefox 1 (包括 firefox ,google)
opear   0
其他的浏览器  没有细看,
下面的代码  是 如果  history.back()  不起作用 ,就链接到 调用该javascript 的所传参数的地址



function   back(myurl){     //   该函数处理二级界面 详细内容显示 右下角的  返回 按钮,现在仅能正确处理ie,firefox,opera,浏览器
var   backUrl=myurl;
var  flag=false;        
if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0))// 你是使用IE
{
//alert('你是使用IE')
if(history.length>0){
flag=true;
history.back();
}
}
else  
{
    if (navigator.userAgent.indexOf('Firefox') >= 0)   //你是使用Firefox
    {
    //alert('你是使用Firefox');
    if(window.history.length>1)
    {
    flag=true;
    history.back();
    }
    }
    else
    {
    if (navigator.userAgent.indexOf('Opera') >= 0)    //你是使用Opera
    {
    //alert('你是使用Opera')
    if(history.length>0)
    {
    flag=true;
    history.back();
    }
   
    }
    else                      //你是使用其他的浏览器浏览网页
    {
    //alert('你是使用其他的浏览器浏览网页!')
    }
    }
}

if(flag==false)              //   
{
window.location.href =backUrl;
}
}
分享到:
评论

相关推荐

    javascript-history.go()和History.back()的区分_.docx

    ### JavaScript中的历史对象方法详解:history.go()与history.back() #### 一、引言 在Web开发中,浏览器的历史管理是非常重要的一个环节。通过浏览器的历史记录,用户可以方便地回退到之前的页面或者前进到下一个...

    [removed]history.go()和History.back()的区别及应用

    在JavaScript中,`history.go()`和`history.back()`是两个用于管理历史记录的方法。本文将详细介绍`history.go()`和`history.back()`之间的区别,以及如何在Web应用中有效利用这些功能。 首先,我们需要了解Web...

    JavaScript Window History

    JavaScript Window History window.history 对象包含浏览器的历史。 Window History window.history对象在编写时可不使用 window 这个前缀。 为了保护用户隐私,对 JavaScript 访问该对象的方法做出了限制。 一些...

    angluo-javascript-103595.pdf

    本文将详细讲述JavaScript中的History对象及其在Web开发中的应用,重点介绍如何利用History对象实现浏览器的前进和后退功能。History对象属于Web API的一部分,它允许JavaScript代码操作浏览器的历史记录,包括访问...

    JS页面跳转和js对iframe进行页面跳转、刷新

    `window.history.back()`和`window.history.forward()`可以实现页面的后退和前进操作,而`window.history.go(n)`则可以指定移动的历史记录步数。 ```javascript window.history.back(); // 后退一步 window.history....

    jsp返回上一页和刷新

    2. 使用history.back()返回上一页,例如:&lt;a href="javascript:history.back();"&gt;向上一页 3. 使用window.history.forward()返回下一页,例如:&lt;a href="javascript:window.history.forward();"&gt;向下一页 4. 使用...

    js返回所有方法

    本文详细介绍了 JavaScript 中返回历史记录的方法,包括 `history.go()`、`history.back()`、`window.history.forward()` 以及如何结合使用 `confirm()` 和 `window.location.href` 来优化用户体验。此外,还简要...

    javascript学习总结.pdf

    - `history`对象用于处理浏览历史,`history.length`获取历史记录条数,`history.go()`、`history.back()`和`history.forward()`则控制前进后退。 - `location`对象包含了与当前URL相关的信息,如`protocol`(协议...

    js实现上一页下一页的效果【附代码】

    2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: 复制代码 代码如下: 向上一页 response.Write(“[removed]”) response.Write(“if(!...

    JavaScript返回上一页的三种方法及区别介绍

    JavaScript返回上一页代码区别: window.history.go(-1); //返回上一页 window.history.back(); //返回上一页 //如果要强行刷新的话就是:window.history.back();location.reload(); [removed].go(-1); //刷新上一...

    servlet进行用户登录代码

    history.back();&lt;/script&gt;"); } } } ``` 在这个例子中,`request.getParameter("username")`和`request.getParameter("password")`用于获取HTML表单中提交的用户名和密码。这些参数与HTML表单的`name`属性相对应...

    js判断当页面无法回退时关闭网页否则就history.go(-1)

    例如,标题提到的需求是“js判断当页面无法回退时关闭网页否则就history.go(-1)”。这个功能是为了确保用户在点击返回按钮时,如果当前页面没有前驱历史记录(即用户无法通过历史记录返回到上一页),那么页面会直接...

    javascript history对象(历史记录)使用方法(实现浏览器前进后退)

    为了保护用户隐私,对 JavaScript 访问该对象的方法做出了限制。 方法: history.back() – 加载历史列表中的前一个URL,这与在浏览器中点击前进按钮是相同的history.forward() – 加载历史列表中的下一个URL,这与...

    JavaScript中document.referrer的用法详解

    back.onclick = function() { history.back(); // 返回上一个页面 }; ``` 或者使用HTML的`&lt;a&gt;`标签,直接绑定`javascript:history.back()`来创建返回按钮: ```html &lt;a id="back" href="javascript:history.back...

    asp.net返回上一页实现方法

    &lt;a href="javascript:history.back()"&gt;返回上一页 ``` 4. JavaScript/jQuery实现 如果希望在按钮点击事件或其他JavaScript事件中实现返回上一页,可以使用以下JavaScript代码: ```javascript function goBack() {...

    javascript常用特效.doc

    12. **死屏程序**: 通过无限循环`while(true){window.history.back(-1)}`可以实现页面无法操作的效果,但这是一个不好的用户体验,应谨慎使用。 13. **定时开窗**: `setTimeout()`函数可以延迟执行某个函数,例如4...

    js返回一个历史页面

    ### JavaScript 返回历史页面...通过`history.back()`、`history.forward()`和`history.go()`等方法,开发者可以轻松地控制用户的浏览历史。此外,还讨论了这些方法的一些注意事项,帮助开发者更好地应用于实际项目中。

    页面js返回上一步上一页

    - 使用`history.go`和`history.back`时要注意浏览器兼容性问题。 - 在某些情况下,直接使用HTML链接可能更为简单明了。 - 服务器端脚本返回上一页的方法适用于需要在服务器端进行逻辑处理的情况。 - 对于单页...

Global site tag (gtag.js) - Google Analytics