我的编程空间,编程开发者的网络收藏夹
学习永远不晚

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

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

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

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()”是出现后需要执行的函数。

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

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

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

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

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

这篇文章主要介绍了jquery中在页面加载完成后执行某个方法,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
2022-11-13

jQuery如何在页面加载后执行函数?

jQuery页面加载后执行函数在页面加载后执行函数时,jQuery提供了多种方法:$(document).ready():文档加载完成后执行。$(window).load():完全加载完成后执行,包括所有内容。$(function(){}):$(document).ready()的简写。window.onload:JavaScript全局事件处理程序,完全加载完成后触发。根据执行时间、灵活性、兼容性等因素选择合适的方法。通常,$(document).ready()用于立即执行,$(window).load
jQuery如何在页面加载后执行函数?
2024-04-08

spring中实现容器加载完成后再执行自己的方法

这篇文章主要介绍了spring中实现容器加载完成后再执行自己的方法,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
2023-02-16

关于页面加载即执行JQuery的三种方法小结

这篇文章主要介绍了关于页面加载即执行JQuery的三种方法小结,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
2022-11-13

react页面加载完成后自动执行标签的点击事件的两种操作方法

这篇文章主要介绍了react页面加载完成后自动执行标签的点击事件,本文给大家分享两种操作方法结合示例代码给大家讲解的非常详细,需要的朋友可以参考下
2022-12-10

编程热搜

目录