`
- 浏览:
74439 次
- 性别:
- 来自:
北京
-
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;
}
}
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
### JavaScript中的历史对象方法详解:history.go()与history.back() #### 一、引言 在Web开发中,浏览器的历史管理是非常重要的一个环节。通过浏览器的历史记录,用户可以方便地回退到之前的页面或者前进到下一个...
javascript-history.go()和History.back()的区别.doc
在JavaScript中,`history.go()`和`history.back()`是两个用于管理历史记录的方法。本文将详细介绍`history.go()`和`history.back()`之间的区别,以及如何在Web应用中有效利用这些功能。 首先,我们需要了解Web...
JavaScript Window History window.history 对象包含浏览器的历史。 Window History window.history对象在编写时可不使用 window 这个前缀。 为了保护用户隐私,对 JavaScript 访问该对象的方法做出了限制。 一些...
本文将详细讲述JavaScript中的History对象及其在Web开发中的应用,重点介绍如何利用History对象实现浏览器的前进和后退功能。History对象属于Web API的一部分,它允许JavaScript代码操作浏览器的历史记录,包括访问...
`window.history.back()`和`window.history.forward()`可以实现页面的后退和前进操作,而`window.history.go(n)`则可以指定移动的历史记录步数。 ```javascript window.history.back(); // 后退一步 window.history....
2. 使用history.back()返回上一页,例如:<a href="javascript:history.back();">向上一页 3. 使用window.history.forward()返回下一页,例如:<a href="javascript:window.history.forward();">向下一页 4. 使用...
本文详细介绍了 JavaScript 中返回历史记录的方法,包括 `history.go()`、`history.back()`、`window.history.forward()` 以及如何结合使用 `confirm()` 和 `window.location.href` 来优化用户体验。此外,还简要...
- `history`对象用于处理浏览历史,`history.length`获取历史记录条数,`history.go()`、`history.back()`和`history.forward()`则控制前进后退。 - `location`对象包含了与当前URL相关的信息,如`protocol`(协议...
2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: 复制代码 代码如下: 向上一页 response.Write(“[removed]”) response.Write(“if(!...
JavaScript返回上一页代码区别: window.history.go(-1); //返回上一页 window.history.back(); //返回上一页 //如果要强行刷新的话就是:window.history.back();location.reload(); [removed].go(-1); //刷新上一...
history.back();</script>"); } } } ``` 在这个例子中,`request.getParameter("username")`和`request.getParameter("password")`用于获取HTML表单中提交的用户名和密码。这些参数与HTML表单的`name`属性相对应...
例如,标题提到的需求是“js判断当页面无法回退时关闭网页否则就history.go(-1)”。这个功能是为了确保用户在点击返回按钮时,如果当前页面没有前驱历史记录(即用户无法通过历史记录返回到上一页),那么页面会直接...
为了保护用户隐私,对 JavaScript 访问该对象的方法做出了限制。 方法: history.back() – 加载历史列表中的前一个URL,这与在浏览器中点击前进按钮是相同的history.forward() – 加载历史列表中的下一个URL,这与...
back.onclick = function() { history.back(); // 返回上一个页面 }; ``` 或者使用HTML的`<a>`标签,直接绑定`javascript:history.back()`来创建返回按钮: ```html <a id="back" href="javascript:history.back...
<a href="javascript:history.back()">返回上一页 ``` 4. JavaScript/jQuery实现 如果希望在按钮点击事件或其他JavaScript事件中实现返回上一页,可以使用以下JavaScript代码: ```javascript function goBack() {...
12. **死屏程序**: 通过无限循环`while(true){window.history.back(-1)}`可以实现页面无法操作的效果,但这是一个不好的用户体验,应谨慎使用。 13. **定时开窗**: `setTimeout()`函数可以延迟执行某个函数,例如4...
### JavaScript 返回历史页面...通过`history.back()`、`history.forward()`和`history.go()`等方法,开发者可以轻松地控制用户的浏览历史。此外,还讨论了这些方法的一些注意事项,帮助开发者更好地应用于实际项目中。