JavaScript特效之前进,后退(返回上一级)
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript特效之前进,后退(返回上一级),小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1399字,纯文字阅读大概需要2分钟。
内容图文
![JavaScript特效之前进,后退(返回上一级)](/upload/InfoBanner/zyjiaocheng/1084/ea130c7aab0447e18faa7bacc440ab42.jpg)
在页面上增加前进,后退(返回上一级)功能:
方式一:使用函数
<script>
function goback(){
history.go(-1);//返回或者history.back();
}
function go(){
history.go(1);//前进或者history.forward();
}
</script>
方式二:
<a href="javascript:history.go(1)">前进</a>
<a href="javascript:history.go(-1)">后退</a>
easy疑惑的地方:
每一个页面都能够设置后退前进button,仅仅有本页面跳到其它页面后。本页面的前进button才有效(有了前进的方向),
仅仅有由其它页面跳到本页面后本页面的后退button才有效(知道来的路才干按原路返回)。
(由于前进后退要有目标方向)
<html>
<head><title>前进,后退</title>
<script>
function goback(){
history.go(-1);//返回或者history.back();
}
function go(){
history.go(1);//前进或者history.forward();
}
</script>
</head>
<body>
<a href="damel8.html">go to damel8.html</a>
<br/>
<!-- 假设本页面(记为B页面)由其它页面(记为A页面)通过<a href=""> </a> 等方式跳转过来 点击后退button会返回到原来的A页面;跳回A页面后。假设点击A页面的前进button(javascript:history.go(1))会跳到B页面。
通俗讲:
A页面 通过<a href=""> </a> 等方式 跳到 B页面
点击B页面的后退button 跳回A页面
此时点击A页面的前进button又能够跳回B页面
easy疑惑的地方:
每一个页面都能够设置后退前进button,仅仅有本页面跳到其它页面后,本页面的前进button才有效(有了前进的方向),
仅仅有由其它页面跳到本页面后本页面的后退button才有效(知道来的路才干按原路返回),
(由于前进后退要有目标方向。。
。。知道来得路才干按原路返回,)
-->
方式一:使用href
<br/>
<a href="javascript:history.go(1)">前进</a>
方式二:使用函数调用
<br/>
<input type="button" onClick="goback()" value="后退"/><br/>
</body>
</html>
原文:http://www.cnblogs.com/gavanwanggw/p/6888673.html
内容总结
以上是互联网集市为您收集整理的JavaScript特效之前进,后退(返回上一级)全部内容,希望文章能够帮你解决JavaScript特效之前进,后退(返回上一级)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。