1、新建一个html文件,命名为test.html。
2、在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。
3、在test.html文件内,使用button标签创建一个按钮,按钮名称分别为“刷新页面”。
4、在test.html文件内,设置button标签的id为btn,主要用于下面通过该id获得button对象。
5、在js标签内,使用$(function(){ })方法在页面加载完成时,通过window.location.href获得当前页面的链接,并把链接保存在变量url中。
6、在js标签内,通过id(btn)获得button对象,给它绑定click点击事件,实现当按钮被点击时,使用window.location.href方法跳转至url,从而实现刷新页面的效果。
用jq来写如“自动更新”的父标签为<div id="title"></div>
在添加按钮的onclick事件里写:
$("#title").text('自动更新')
就可以了
页面完全显示完毕10秒后页面自动刷新一次,以后就不再刷新的代码:<body
onload="settimeout('location.reload()',10000)">