HTML5页面跳转的几种方法
2016-03-11 09:48
375 查看
1.定时跳转或者原地刷新
优点:简单
缺点:StrutsTiles中无法使用对于刷新当前页面js控制为:window.location.reload();//刷新当前页面,重新向服务器请求数据
2.js手动替换跳转^_^
优点:灵活,可以结合更多的其他功能
缺点:受到不同浏览器的影响上面的方法跳转会保留历史页面记录,通过返回键可以返回上一个界面,如果不想返回,直接替换页面的函数:window.location.replace("hello.html"); //刷新当前页面,重新向服务器请求数据
3.历史记录跳转
1. window.history.go():window.history.go(-1); // 返回上一页
window.history.go(-2); // 返回上两页
window.history.go("hello.html");// 跳转到hello.html
2. window.history.back();等同于:window.history.go(-1);//返回上一页
3. window.history.forward(); //返回下一页
orz......有问题吐槽请留言,帮到您烦请帮顶一下,谢谢^_^
优点:简单
缺点:StrutsTiles中无法使用对于刷新当前页面js控制为:window.location.reload();//刷新当前页面,重新向服务器请求数据
2.js手动替换跳转^_^
优点:灵活,可以结合更多的其他功能
缺点:受到不同浏览器的影响上面的方法跳转会保留历史页面记录,通过返回键可以返回上一个界面,如果不想返回,直接替换页面的函数:window.location.replace("hello.html"); //刷新当前页面,重新向服务器请求数据
3.历史记录跳转
1. window.history.go():window.history.go(-1); // 返回上一页
window.history.go(-2); // 返回上两页
window.history.go("hello.html");// 跳转到hello.html
2. window.history.back();等同于:window.history.go(-1);//返回上一页
3. window.history.forward(); //返回下一页
orz......有问题吐槽请留言,帮到您烦请帮顶一下,谢谢^_^
相关文章推荐
- HTML5实现本地数据持久化
- HTML5表单中password输入的显示与…
- HTML5中实现滑动条调节div透明度
- HTML5实现多张图片上传功能
- html5 localStorage(本地存储)
- html5 localStorage(本地存储)
- html5 localStorage(本地存储)
- 利用简洁的图片预加载组件提升h5移动页面的用户体验
- html5的audio和audioContext尝试
- 7 款超具个性的 HTML5 播放器
- 全面剖析 <input> 标签 ------ HTML\HTML5
- html5
- HTML5新特性
- HTML5 1.9 新的布局元素
- HTML5学习(二)
- Html5 30个小例子
- HTML5安全:CORS(跨域资源共享)简介
- HTML5拖动技术
- 我的二次创业——Egret Html5游戏引擎
- Html5学习笔记