1、首先新建一个html文件,命名为test.html,在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。
2、在test.html文件内,使用button标签创建一个按钮,按钮名称分别为“刷新页面”。
3、在test.html文件内,设置button标签的id为btn,主要用于下面通过该id获得button对象。
4、在js标签内,使用$(function(){ })方法在页面加载完成时,通过window.location.href获得当前页面的链接,并把链接保存在变量url中。
5、在js标签内,通过id(btn)获得button对象,给它绑定click点击事件,实现当按钮被点击时,使用window.location.href方法跳转至url,从而实现刷新页面的效果。
6、在浏览器打开test.html文件,点击按钮,查看实现的效果。
javascript中的刷新方法:
history.go(0) //最常用location.reload()
location=location
location.assign(location)
window.navigate(location) //只支持IE
location.replace(location)
自动刷新方法:
[1]在页面的head内加入meta标签实现
<meta http-equiv="refresh" content="20">[2]js代码实现
setTimeout('history.go(0)',1000)javascript中的跳转方法:
window.location.href="index.php"window.history.back(-1) //参数是负几,就后退几次。
window.navigate("index.jsp") //只支持IE