使用jQuery刷新页面
------------恢复内容开始------------
方法1:使用location.reload()
location.reload()方法重新加载当前web页面,此方法类似于你浏览器上的刷新页面按钮。如果把该方法的参数设置为 true参数,可强制页面从服务器加载并忽略浏览器缓存。
语法:
1 | location.reload( true ) |
示例:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | <!DOCTYPE html> <html> <head> <meta charset= "utf-8" > </head> <body> <h3 style= "color: green" >如何使用jQuery刷新页面?</h3> <p>这是一段测试文本!</p> 输入文本:<input type= "text" /><br /><br /> <button type= "button" >重新加载页面</button> <script src= "https://code.jquery.com/jquery-3.3.1.min.js" > </script> <script type= "text/javascript" > $(document).ready( function () { $( "button" ).click( function () { location.reload( true ); alert( 'Reloading Page' ); }); }); </script> </body> </html> |
方法2:使用history.go(0)
history.go()方法根据传递给它的参数从浏览器历史记录中加载一个URL。如果传递的参数为“0”,则会重新加载当前页。
语法:
1 | history.go(0); |
示例:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <!DOCTYPE html> <html> <head> <meta charset= "utf-8" > </head> <body> <h3 style= "color: green" >如何使用jQuery刷新页面?</h3> <p>这是一段测试文本!</p> 输入文本:<input type= "text" /><br /><br /> <button type= "button" >重新加载页面</button> <script src= "https://code.jquery.com/jquery-3.3.1.min.js" > </script> <script type= "text/javascript" > $(document).ready( function () { $( "button" ).click( function () { history.go(0); }); }); </script> </body> </html> |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
· 如何给本地部署的DeepSeek投喂数据,让他更懂你
· 超详细,DeepSeek 接入PyCharm实现AI编程!(支持本地部署DeepSeek及官方Dee
· 用 DeepSeek 给对象做个网站,她一定感动坏了
· .NET 8.0 + Linux 香橙派,实现高效的 IoT 数据采集与控制解决方案
· .NET中 泛型 + 依赖注入 的实现与应用