jquery页面加载完成后执行（jquery中在页面加载完成后执行某个方法）

时间2025-04-30 21:05:11分类IT科技浏览3162

导读：jquery页面加载完成后执行某方法 alert...

jquery页面加载完成后执行某方法

alert("页面加载完成！")； });

其对应的完整形态为：

$(document).ready(function(){ alert("页面加载完成！")； });

原生JS方法：

window.function(){ alert("页面加载完成！")； }

jquery等待特定元素加载再执行相关函数

jQuery.fn.wait = function (func, times, interval) { var _times = times || 100, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; }

默认是执行100次，每次间隔20毫秒，最长等待时间是2000毫秒（2秒），如果要一直等待到元素出现，可以将100改成任意负数。

上面这段代码直接复制过去，调用方法：

$(".buyGoods_guige_goods").wait(function(){BuyNow();})

“.buyGoods_guige_goods ”是需要等待出现的元素，“BuyNow() ”是出现后需要执行的函数。

以上为个人经验，希望能给大家一个参考，也希望大家多多支持本站。

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。