JavaScript.history实现前进、返回功能_浏览器特效

来源:互联网 发布:网站名称与域名 编辑:程序博客网 时间:2024/06/06 07:37
history.go(-1)和window.history.back(-1)都可以。传人的是num数字不是字符类型的。如果你要往后回退5页,你可以使用history.back(-5)就搞定了。


------------------


<SCRIPT LANGUAGE="JavaScript"> 
var x=1; 
history.go= function() 
{ if(x==1) 

x=x+1; 
history.go(-1) 
alert(1); 


history.go(-1); 
//要是不加x作为判断,就无限递归,死循环了。 
</SCRIPT>


------------------


<SCRIPT LANGUAGE="JavaScript"> 


function s() 

alert(arguments.length); 

s("111","2222"); 
</SCRIPT>








很常用的JavaScript功能,实现网页的前进与后退,其实在用的地方调用一下history方法就可以了:像这样:onClick=history.go(1)实现前进;onClick=history.go(-1)实现后退/返回,多步返回可以把1换成其它数字。使用此方法的时候网页需是同一窗口打开的,如果新开窗口则无效。
<input type="submit" name="Submit" value="前进" onClick=history.go(1)>
<input type="submit" name="Submit2" value="返回" onClick=history.go(-1)> 


history.back()




javascript:history.go(-1) 返回前面数据丢失
今天做网站的时候,发现javascript:history.go(-1)返回页面后,前一页的数据没了,感觉很奇怪,以前也遇到过,不过没在意,今天研究了一下,加上header("Cache-control:private");之后就可以了。
不过要注意在header("Cache-control:private");之前你的页面不能有任何输出!




javascript:history.go(-1)和javascript:history.back(-1) 的区别  


go(-1): 返回上一页, 原页面表单中的内容会丢失; back(-1): 返回上一页, 原页表表单中的内容会保留.
<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()">
history.back()是会上一页
i=1
history.go(i)去指定的某页