js控制浏览器前进后退_js 监听浏览器的返回按钮事件在安卓和ios的坑

❶ 多级页面间的后退如何实现(js方法)

浏览器的“后退”功能与页面的级数无关。它是将一个窗口依次浏览过回的多个页面按顺序排列答成历史列表，每次点击“后退”按钮或用js脚本触发“后退”功能时，它将依据当前窗口的历史列表来后退展示页面。js脚本示例如下：

window.history.go(-1);//后退一页
window.history.go(-2);//后退两页

以上代码中的数字为负数，表示后退，正数表示前进。

窗口浏览的页面有可能是不断重复某两个页面，那么go(-1)方法也将在这两个页面之间轮回多次。如果想要快速后退到这两个页面之前的页面，只能使用更精确的记忆方法了，浏览器自带的历史功能无法满足需求。比如，使用cookies来记录访问URL的历史，也可以记忆必要的参数，需要后退的时候直接对window.location进行赋值(重定向)，跳转到想要到达的页面。

❷ js 监控用户点击浏览器“后退”按钮(并禁用)，能实用IE和360两种浏览器

屏蔽退键御格键
document.onkeydown = function(e)
{
var e=e||window.event
var evs=e.srcElement?e.srcElement:e.target;
if(evs.type!="password" && evs.type!="text"){
if(e.keyCode==8){
if(window.event){
e.keyCode=0;
e.returnValue=false;
}else{
e.preventDefault();
}
}else if(e.altKey && ((e.keyCode==37)||(e.keyCode==39))){
if(window.event){
e.returnValue=false;
}else{
e.preventDefault();
}
}
}
}
//////////罩塌///////////////////////
屏蔽右键
<script type="稿闷岩text/javascript">
function block(oEvent){
if(window.event)
oEvent=window.event;
if(oEvent.button==2)
alert("鼠标右键不可用");
}
document.onmousedown=block;
</script>

❸ 我就想问下，js到底能不能在某个html页面禁止浏览器的后退按钮。因为表单提交后想再回去是不现实的

这种可以采用一下方式：

1、回退后，产生一个前进事件

这种方式，不算是一个满意的解决方式。因为用户能体验到，界面的后退，前进。体验不好。

javascript:window.history.forward(1);

2、禁用键盘的backspace键

这种做法，没有办法消除鼠标的误操作

<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、Operadocument.onkeypress=banBackSpace;
//禁止后退键作用于IE、Chromedocument.onkeydown=banBackSpace;

</script>

3、终极方案：

也是查找了好多资料才找到的，这种方式，可以消除后退的所有动作。包括键盘、鼠标手势等产生的后退动作。

<scriptlanguage="javascript">//防止页面后退
history.pushState(null,null,document.URL);
window.addEventListener('popstate',function(){
history.pushState(null,null,document.URL);
});
</script>

❹ 用js如何控制 html5 video的快进后退。不要第三方插件。继续代码。

代码如下：

<scripttype="text/javascript">functionvidplay() {varvideo=

document.getElementById("Video1");varbutton =

document.getElementById("play");if(video.paused) {

video.play();

button.textContent ="||";

}else{

video.pause();

button.textContent =">"

}

}functionrestart() {varvideo = document.getElementById("Video1");

video.currentTime = 0;

}functionskip(value) {varvideo = document.getElementById("Video1");

video.currentTime += value;

}</script></head><body><videoid="Video1">// Replace these with your own video files.<sourcesrc="demo.mp4"type="video/mp4"/>

<sourcesrc="demo.ogv"type="video/ogg"/>HTML5 Video is required for this example.<ahref="demo.mp4">Download the video</a>file.</video><divid="buttonbar">

<buttonid="restart"onclick="restart();">[]</button><buttonid="rew"onclick="skip(-10)"><<</button><buttonid="play"onclick="vidplay()">></button>

<buttonid="fastFwd"onclick="skip(10)">>></button></div>

(4)js控制浏览器前进后退扩展阅读：

注意事项

一、history.pushState(data, title [, url])

往历史记录堆栈顶部添加一条记录；

data: onpopstate事件触发时作为参数传递过去；

title:页面标题，当前所有浏览器都会忽略此参数；

url: 页面地址，可选，缺省为当前页地址；

二、history.replaceState(data, title [, url])

更改当前的历史记录，参数同上；

三、history.state：

用于存储以上方法的data数据，不同浏览器的读写权限不一样；

四、window.onpopstate：响应pushState或replaceState的调用；

HTML实现后退【window.history.back()】默认

HTML实现后退【window.history.back(-1)】括号里面的负数字代表后退几个页面，如果是-2的话就代表后退2页

HTML实现前进【window.history.forward()】//不常用

HTML实现前进【window.history.forward(1)】//不常用括号里面的正数就代表要前进的页。如果是3就表示前进3页

[html] view plain

<head>

</head>

<body>

<p>这是第一个页面</p>

<a href="HTMLPage2.htm">到dom页</a>

</body>

</html>

[html] view plain

<head>

</head>

<body>

<p>这是第二个页面</p>

<a href="HTMLPage3.htm">转到第一页</a>

</body>

</html>

❺ js 监听浏览器的返回按钮事件在安卓和ios的坑

这是ajax的一个经典问题，很多框架都提供了解决方案，重点是模拟浏览器的前进后退。

对于IE，可以用一个隐藏框架，对框架内容的导航会使得前进后退按钮被触发。
对以FF，可以用Hash，即改变http://www.url.com/#abc井号后面的部分，前进后退按钮同样被触发。

这样就能既让浏览器前进后退按钮被触发，同时又不离开本页面。具体方法如下：

1.resize事件 (window).resize(function() { var width = (this).width(); var height = (this).height(); });

2.js条用这个方法 function closewindow{ history.go(-1); }

3.<input type="button" value="后退" onClick="history.back();"> 或 <input type="button" value="后退" onClick="history.go(-1);">
4.window.location.replace Location对象的replace()方法将用指定的URL替换浏览器历史列表中的当前URL,而不是在历史列表中创建一个新的项,因此,就不能使用IE的后退按钮来返回原始文档了。 2.window.open(FF无效...

❻ 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控制浏览器前进后退

js控制浏览器前进后退

(4)js控制浏览器前进后退扩展阅读：

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

友情链接