一、理解页面的刷新
你们上网时总会频繁刷新网页?就像按”刷新”按钮,换个新网址,或点个链接啥的,网页就会再次出现。这就是为了更新信息或是解决加载问题,在浏览器里真是家常便饭。但有时候这个刷新真的让人心烦意乱。
二、禁止页面刷新的需求
网上答题时,有时候咱们得避免它总是自动刷,以免给人不好的印象。举个例子,学生在线考完试后,害怕自己手一抖选错了答案,把之前的努力都白费了,那我们就关闭浏览器的刷新功能吧;再比如那些需要实时监控的系统,要是屏幕不停地刷,就难以看清数据变化,这时候我们也要关掉它。
三、使用jQuery禁止页面刷新
别让浏览器狂刷网页,试试 jQuery !它有个特别好用的方法。
喜欢修改地址本儿?电脑老是在那儿更新页面?找找那个叫location 的小子,给它来个 reload(),别忘了带上 false,像藏在阳光照耀的小屋角落里的老照片,瞬间就能挡住服务器那疯狂的更新。
记住这句:别忘了咱有神奇的jQuery。当你触发beforeunload事件时,只需插点代码,电脑就会乖乖停下来,不会再刷新。下次你需要不让电脑刷新的时候,记得用这个方法
使用JavaScript的location对象
敲代码时,常换东西或等下载好了才让网站动态显示?别担心,这就是咱们JS中的location发挥作用的时候了,因为它能操控浏览器!只需要来个location.reload(),再加个’false’参数就搞定,这样一来,网站就不会重新下载所有资源也不必再辛辛苦苦地刷新页面!
具体代码示例如下:
javascript $(document).ready(function(){$(document).ready(function(){ location.reload(false); });location.reload(false);
});这个小代码告诉您,玩命点击location.reload(),程序跑完家再返回时可避免看着同一个旧东西刷来刷去!
使用事件捕获
不用担心,有了jQuery的事件捕捉功能,我们就能应对浏览器突然刷新!简单来说就是,你要关闭页面或更换新页时,会出现一个温馨提示,问你好不好奇自己的选择?这样就不必急匆匆地关闭窗口或刷屏!
以下是一个简单示例代码:
网页关掉时,可能触发“beforeunload”事件哟。这时候,别忘了用这段代码保护下咱们的隐私!
return ‘确定要离开吗?’;
$(document).ready(function(){ $(window).on('beforeunload', function(){ return "确定离开吗?"; }); });哈喽!这儿有个小窍门教给你们!当你们要关掉或者退出来的时候,是不是有些网页会跳出个提示框问你们,难道真要放弃?其实,只要点那个大大的“×”就行了,这样子的话,页面就不会再更新了哟~
四、总结
看了这篇文章,你们都应该能学到如何在jQuery里搞定那个讨厌的网页刷新的问题。不管是用location控制加载新东西,还是搞个弹框警告防误操失,这都是网站建设中常用的技巧。既能让用户用得更舒服,又能避免掉什么数据丢失之类的麻烦事。不过,到底要用啥方法拦截页面刷新,这个还得根据你们自己的需求来定咯。
做开发的你们清楚?你们有没有碰到过界面更新不过来的那一刻?那时候你可得知道怎么让浏览器页面停止刷新!再者说,想弄好所有的功能还得让用户用起来爽,那可是个不小的挑战~
看完这篇文章,让我告诉你如何用jQuery控制网页刷新的次数!都是实实在在的体验分享哟。
评论0