javascript:history.go()和History.back()的区别(转载)
2012-01-19 14:07
537 查看
javascript:history.go()和History.back()的区别(转载)
转自:http://www.mikebai.com/Article/2009-11/757.htmllehear转自/article/5271681.html
<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
通常HTML文件需要浏览者来选择浏览的内容,如果想自动更换显示的内容一般要用到javascript、JAVA或CGI等方法来完成。 现在可以用META实现自动更换显示内容,更换的时间和文件都可以自行设定。语句如下: 程序代码: < HEAD> <TITLE>刷新内容</TITLE> <META HTTP-EQUIV="REFRESH" CONTENT="x; URL=*.*"> </HEAD> 其中,x 是刷新的时间,单位是秒。*.* 是刷新的文件。 利用<META>标签实现Web的自动跳转。 在Web上显示一段欢迎信息,隔一定秒数后,自动跳转到其他的Web页 面,由此可以造成新奇的效果。其实现方法是在<HEAD >与</HEAD >标签之间加上如下语句: <meta http-equiv="Refresh" content="秒数; url=跳转的文件或地址"> 如将一个显示欢迎信息的图像:welcome.gif存放在与HTML文档同一个目录中,则下面的HTML文件在浏览器中显示该图像,3 秒钟后将自动跳 程序代码: <HTML> <HEAD> <TITLE>WELCOME</TITLE> <meta http-equiv="Refresh" content="3; url=http://www.sinobuy.cn"> </HEAD> <BODY><img SRC="welcome.gif" ></BODY> </HTML>
相关文章推荐
- javascript:history.go()和History.back()的区别(转载)
- javascript:history.go()和History.back()的区别(转载)
- javascript:history.go()和History.back()的区别(转载)
- javascript:history.go()和History.back()的区别(转载)
- javascript:history.go()和History.back()的区别(转载)
- javascript:history.go()和History.back()的区别(转载)
- javascript:history.go()和History.back()的区别(转载)
- javascript:history.go()和History.back()的区别(转载)
- javascript:history.go()和History.back()的区别(转载)
- javascript:history.go()和History.back()的区别(转载)
- javascript:history.go()和History.back()的区别(转载)
- javascript:history.go()和History.back()的区别(转载)
- Javascript:history.go()和history.back()的区别
- javascript:history.go()和History.back()的区别
- javascript:history.go()和History.back()的区别
- javascript:history.go()和History.back()的区别
- javascript:history.go()和History.back()的区别收藏
- javascript:history.go()和History.back()的区别及应用
- Javascript:history.go()和history.back()的用法和区别
- Javascript:history.go()和history.back()的用法与区别