首页 > 其他 > 详细

前端页面刷新与跳转

时间:2019-09-17 13:57:01      阅读:119      评论:0      收藏:0      [点我收藏+]
a标签里面的刷新方式
1、<a href="javascript:" onclick="history.go(-2); ">返回前两页</a>
2、<a href="javascript:" onclick="self.location=document.referrer;">返回上一页并刷新</a>
3、<a href="javascript:" onclick="history.back(); ">返回上一页</a>
4、<a href="javascript:history.go(-1)">返回上一页</a>
5、<a href="javascript:location.reload()">重载页面,本地刷新</a>
6、<a href="javascript:history.go(-1);location.reload()">返回上一页重载页面,本地刷新</a>
7、<a href="javascript:window.stop()">停止跳转</a>(停止跳转:IE浏览器用document.execCommand("Stop"),Chrome和Firefox用window.stop()  ) 

 

局部刷新
(“#table_table”是需要刷新的框架id):$("#refresh_box").load(location.href+" #refresh_content");
注意一点是,例子中,是用 #refresh_box 来"包裹"着 #refresh_content 的,所以 $("#refresh_box").load("http://localhost:8090/admin/user/list #refresh_content"); 的作用是先通过ajax去请求 http://localhost:8090/admin/user/list #refresh_content 获得里面的 HTML 内容,然后装到 本页面的 #refresh_box中。

 

全页面的刷新方法
window.location.reload()刷新当前页面.
parent.location.reload()刷新父亲对象(用于框架)
opener.location.reload()刷新父窗口对象(用于单开窗口)
top.location.reload()刷新最顶端对象(用于多开窗口)

 

前端页面刷新与跳转

原文:https://www.cnblogs.com/yangyang63963/p/11533072.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!