`
IT少年
  • 浏览: 74429 次
  • 性别: 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开发中,浏览器的历史管理是非常重要的一个环节。通过浏览器的历史记录,用户可以方便地回退到之前的页面或者前进到下一个...

    javascript-history.go()和History.back()的区别.doc

    javascript-history.go()和History.back()的区别.doc

    [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()`等方法,开发者可以轻松地控制用户的浏览历史。此外,还讨论了这些方法的一些注意事项,帮助开发者更好地应用于实际项目中。

Global site tag (gtag.js) - Google Analytics