返回顶部
首页 > 资讯 > 前端开发 > JavaScript >jquery中在页面加载完成后执行某个方法
  • 491
分享到

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

jquery页面加载页面加载后执行方法jquery页面加载方法 2022-11-13 18:11:39 491人浏览 八月长安
摘要

目录Jquery页面加载完成后执行某方法jquery等待特定元素加载再执行相关函数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()”是出现后需要执行的函数。

以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。

--结束END--

本文标题: jquery中在页面加载完成后执行某个方法

本文链接: https://lsjlt.com/news/170038.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作