JavaScript特效之前进,后退(返回上一级)
来源:互联网 发布:品茗网络计划破解版 编辑:程序博客网 时间:2024/05/17 01:35
在页面上加入前进,后退(返回上一级)功能:
方式一:使用函数
<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>
容易疑惑的地方:
每个页面都可以设置后退前进按钮,只有本页面跳到其他页面后,本页面的前进按钮才有效(有了前进的方向),
只有由其他页面跳到本页面后本页面的后退按钮才有效(知道来的路才能按原路返回),
(因为前进后退要有目标方向)
<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> 等方式跳转过来 点击后退按钮会返回到原来的A页面;跳回A页面后,如果点击A页面的前进按钮(javascript:history.go(1))会跳到B页面。
通俗讲:
A页面 通过<a href=""> </a> 等方式 跳到 B页面
点击B页面的后退按钮 跳回A页面
此时点击A页面的前进按钮又可以跳回B页面
容易疑惑的地方:
每个页面都可以设置后退前进按钮,只有本页面跳到其他页面后,本页面的前进按钮才有效(有了前进的方向),
只有由其他页面跳到本页面后本页面的后退按钮才有效(知道来的路才能按原路返回),
(因为前进后退要有目标方向。。。。知道来得路才能按原路返回,)
-->
方式一:使用href
<br/>
<a href="javascript:history.go(1)">前进</a>
方式二:使用函数调用
<br/>
<input type="button" onClick="goback()" value="后退"/><br/>
</body>
</html>
- JavaScript特效之前进,后退(返回上一级)
- javascript 前进、后退、刷新
- 前进,返回,后退功能实现
- JavaScript.history实现前进、返回功能_浏览器特效
- JavaScript实现页面前进后退
- JavaScript 后退前进的操作
- javascript返回上一级(页)的方式
- javascript网页上的打开、打印、前进、另存为、后退、关闭本窗口
- 使用 JS javascript 禁止刷新 前进 后退
- 通过JavaScript操作浏览器前进后退列表
- JavaScript实现页面的后退前进按钮
- javascript关于刷新后退前进问题
- 返回上一页面(后退)
- 前进,后退
- 后退或返回上一页的Javascript代码源码
- Python+Selenium练习篇之11-浏览器上前进和后退操作
- flex利用浏览器的后退前进按钮返回前后页面(BrowserManager)
- 滑动返回上一级
- @RequestParam @RequestBody @PathVariable
- Android中loader的学习:
- 误删除 drop oracle表
- C++11学习1
- Python中lxml模块的安装
- JavaScript特效之前进,后退(返回上一级)
- 高级模糊查询
- JavaScript中操作对象的属性
- webrtc 使用scoped_ptr
- group by 统计行数
- cocos 打开网页
- 让Win10 win+e显示我的电脑的方法
- BSP RF 相关 安卓底层命令--学习中 未完待续
- mysql 查询优化