在页面写一个按钮,怎么通过按这个按钮实现页面刷新?

在页面写一个按钮,怎么通过按这个按钮实现页面刷新?,第1张

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,从而实现刷新页面的效果。

1、可以使用定时器setInteval()方法来实现不断刷新

2、当点击按钮之后,执行方法利用clearInterval方法将定时器停止

代码如下:

$(function(){

var obj = setTimeout(定向的页面, 2000)// 每2秒刷新一次页面

$("#but_stop").click(function(){

clearInterval(obj)// 点击即停止刷新

})

})


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6997796.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-31
下一篇 2023-03-31

发表评论

登录后才能评论

评论列表(0条)

保存