您的位置：首页 > Web前端 > JavaScript

javascript:history.go()和History.back()的区别(转载)

2012-01-19 14:07 453 查看

javascript:history.go()和History.back()的区别(转载)

转自：http://www.mikebai.com/Article/2009-11/757.html

lehear转自/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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航