导航:首页 > 编程语言 > js控制浏览器前进后退键

js控制浏览器前进后退键

发布时间:2021-04-21 12:24:13

『壹』 js中网页前进和后退的代码

前进: history.forward();=history.go(1);
后退: history.back();=history.go(-1);
注意事项:前进后退按钮是需要在特定环境下才有效果的,即你需要从另一个页面进入到这个页面后,点击这个后退按钮才有后退的效果,否则是没有的。
【拓展资料】
javascript中的后退和刷新;
<input type=button value=刷新 onclick="window.location.reload()">
<input type=button value=前进 onclick="window.history.go(1)">
<input type=button value=后退 onclick="window.history.go(-1)">
<input type=button value=前进 onclick="window.history.forward()">
<input type=button value=后退 onclick="window.history.back()"> 后退+刷新<input type=button value=后退 onclick="window.history.go(-1);window.location.reload()">在C# Web程序中,如为页面按钮写返回上一页代码
this.RegisterClientScriptBlock("E", "<script language=javascript>history.go(-2);</script>");
其中,history.go(-2),要写为-2,因在按钮事件触发前,已刷新一次页面,所以应是-2。
Response.Write("<script language=javascript>history.go(-2);</script>");
此处也要写为“-2”。跟直接写脚本的有所不同。history.back()是会上一页
i=1
history.go(i)去指定的某页
如果是history.go(0)那就是刷新这两个属于JS代码,相当于IE的前进、后退功能。
具体的用处就要看什么时候需要这个就用上。比如用户注册时的验证是后台验证,不符合要求的时候就可以用这个,可以最大限度保证用户少重复输入数据。
例如:载入页面:
function onLoadPage(){
if(event.srcElement.tagName=="SPAN"){
oFrame=top.window.middle.frames[2];
oTxt=event.srcElement.innerText;
switch(oTxt){
case "前 进":
oFrame.history.go(1);
case "后 退":
oFrame.history.back();
case "刷 新":
oFrame.location.reload();
}
}
}

打开一个jsp页面,肯定是用客户端脚本进行刷新了。
Javascript刷新页面的几种方法:
1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand('Refresh')
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href

『贰』 js history 操作浏览器的返回 前进

history.back(); 这个就行了

『叁』 我想问问js可以获取到用户点击浏览器上前进和后退键的事件的吗怎么获取

//如果你用jQuery
jQuery(window).bind("unload",function(){}

window.unload 也可以监听一些浏览器,不过对某些浏览器有兼容性问题。

『肆』 JAVASCRIPT 怎么监控浏览器上的后退前进按钮

凡是与浏览器有关的,都在window对象里找。window对象里面有与窗口,frame,导航还有状态栏有关的所回有内容哦。答下载一个window对象技术文档,随用随查,印象中,好像控制不了前进后退按钮,只能变通着实现。

『伍』 使用javascript 如何实现禁用浏览器后退按钮

参考下面代码:
<script type="text/javascript">
//禁止后退键 作用于Firefox、
document.onkeypress=banBackSpace;
//禁止后退键 作用于IE、Chrome
document.onkeydown=banBackSpace;
//处理键盘事件 禁止后退键(Backspace)密码或单行、多行文本框除外
function banBackSpace(e){
var ev = e || window.event;//获取event对象
var obj = ev.target || ev.srcElement;//获取事件源
var t = obj.type || obj.getAttribute('type');//获取事件源类型
//获取作为判断条件的事件类型
var vReadOnly = obj.getAttribute('readonly');
var vEnabled = obj.getAttribute('enabled');
//处理null值情况
vReadOnly = (vReadOnly == null) ? false : vReadOnly;
vEnabled = (vEnabled == null) ? true : vEnabled;
//当敲Backspace键时,事件源类型为密码或单行、多行文本的,
//并且readonly属性为true或enabled属性为false的,则退格键失效
var flag1=(ev.keyCode == 8 && (t=="password" || t=="text" || t=="textarea") && (vReadOnly==true || vEnabled!=true))?true:false;
//当敲Backspace键时,事件源类型非密码或单行、多行文本的,则退格键失效
var flag2=(ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea") ?true:false;
//判断
if(flag2){
return false;
}
if(flag1){
return false;
}
}
</script>

『陆』 JS 实现浏览器自带的前进后退的点击事件

history.go(1),
history.go(-1)

window.open() 不行么

『柒』 javascript怎么禁用浏览器后退按钮

  1. <scriptlanguage="JavaScript">
    javascript:window.history.forward(1);
    </script>
    利用JS产生一个“前进”的动作,以抵消后退功能,这种方法应该是最简洁的,并且不需要考虑用户连点两次或多次“后退”的情况,缺点是当用户端禁用了JavaScript之后即失效。
  2. <AHREF="logout.do"onclick="javascript:location.replace(this.href);event.returnValue=false;">
    Logout(BackDisabled)
    </A>
    用location.replace从一个页面转到另一个页面。这种方法的原理是,用新页面的URL替换当前的历史纪录,这样浏览历史记录中就只有一个页面,后退按钮永远不会变为可用。我想这可能正是许多人所寻求的方法,但这种方法仍旧不是任何情况下的最好方法。这种方法的缺点在于:简单地运用Response.Redirect将不再有效,这是因为每次用户从一个页面转到另一个页面,我们都必须用客户端代码清除location.history。另外还要注意,这种方法清除的是最后一个访问历史记录,而不是全部的访问记录。
  3. 当键盘敲下后退键(Backspace)后
    1、禁止浏览器自动后退
    2、但不影响密码、单行文本、多行文本输入框等的回退操作

  4. <scripttype="text/javascript">

    //处理键盘事件禁止后退键(Backspace)密码或单行、多行文本框除外
    functionbanBackSpace(e){
    varev=e||window.event;//获取event对象
    varobj=ev.target||ev.srcElement;//获取事件源

    vart=obj.type||obj.getAttribute('type');//获取事件源类型

    //获取作为判断条件的事件类型
    varvReadOnly=obj.getAttribute('readonly');
    varvEnabled=obj.getAttribute('enabled');
    //处理null值情况
    vReadOnly=(vReadOnly==null)?false:vReadOnly;
    vEnabled=(vEnabled==null)?true:vEnabled;

    //当敲Backspace键时,事件源类型为密码或单行、多行文本的,
    //并且readonly属性为true或enabled属性为false的,则退格键失效
    varflag1=(ev.keyCode==8&&(t=="password"||t=="text"||t=="textarea")
    &&(vReadOnly==true||vEnabled!=true))?true:false;

    //当敲Backspace键时,事件源类型非密码或单行、多行文本的,则退格键失效
    varflag2=(ev.keyCode==8&&t!="password"&&t!="text"&&t!="textarea")
    ?true:false;

    //判断
    if(flag2){
    returnfalse;
    }
    if(flag1){
    returnfalse;
    }
    }

    //禁止后退键作用于Firefox、Opera
    document.onkeypress=banBackSpace;
    //禁止后退键作用于IE、Chrome
    document.onkeydown=banBackSpace;

    </script>

『捌』 javascript怎么实现让浏览器后退和前进的功能

<inputtype=buttonvalue=刷新onclick="window.location.reload()">
<inputtype=buttonvalue=前进onclick="window.history.go(1)">
<inputtype=buttonvalue=后退onclick="window.history.go(-1)">
<inputtype=buttonvalue=前进onclick="window.history.forward()">
<inputtype=buttonvalue=后退onclick="window.history.back()">
<inputtype=buttonvalue=后退并刷新onclick="window.history.go(-1);window.location.reload()">


这个前进后退按钮是不能是从一个页面新开tab页到的页面,需要需要从另一个页面进入到这个页面后,点击这个后退按钮才有后退的效果,否则是达不到效果的。



引用自 www.jb51.net/article/32143.htm

『玖』 js如何使浏览器的后退和前进功能失效(IE FF 谷歌)

方法一:直接返回
可以用一个按钮.
<input id="Button2" type="button" value="返回" onclick="history.back(-1)"/>

方法二:提示跳转
Response.Write("<script language=javascript>alert('注册成内功,请登陆!容');this.top.location.href='"&urlgo&"';</script>")

『拾』 js可以获取到用户点击浏览器上前进和后退键的事件的吗

浏览器上复的按钮你是管不到制的,你只可以管你自己的网页
所以可以处理window.onbeforeunload=function(){return false}事件,在你的网页结束前,让人确认一下是不是要离开这个页面

阅读全文

与js控制浏览器前进后退键相关的资料

热点内容
国外大数据广告 浏览:775
win10微信声音怎么设置在哪里 浏览:177
计算机程序设计技术水平java 浏览:255
uml统一建模实用教程课后答案 浏览:947
3d建筑建模视频教程 浏览:774
途歌app官网下载 浏览:936
数据库保存相对路径 浏览:493
小白ppt演示控制工具 浏览:244
qq公众号更换管理员 浏览:275
js怎么替换特殊符号 浏览:791
旋转扭曲工具coredraw 浏览:467
网络继电器控制开关图 浏览:735
南宁公交app下载软件 浏览:742
企业大数据服务平台 浏览:10
ps做iphone 浏览:258
大数据思维与决策txt 浏览:56
tchartjava 浏览:589
苹果破解无线网密码的软件 浏览:299
mac系统占越来越大 浏览:201
word缓存文件恢复 浏览:799