提取jQuery的ready方法

ゝ一纸荒年。 2023-01-02 15:28 174阅读 0赞

(function(){ 
        document.ready = function(fn){ 
            if(typeof fn !== 'function'){ 
                throw 'Fn is not a function!';
            }
            function completed() { 
                document.removeEventListener( "DOMContentLoaded", completed );
                window.removeEventListener( "load", completed );
                fn();
            }
            // 通过判断readyState状态如果已经加载完成直接执行，否则通过加载事件监听，由事件触发执行
            if ( document.readyState === "complete" ||
                ( document.readyState !== "loading" && !document.documentElement.doScroll ) ) { 
                // Handle it asynchronously to allow scripts the opportunity to delay ready
                window.setTimeout( fn );
    
            } else { 
    
                // Use the handy event callback
                document.addEventListener( "DOMContentLoaded", completed );
    
                // A fallback to window.onload, that will always work
                window.addEventListener( "load", completed );
            }
        }
    })();

提取于JQuery3.5.1的ready函数  
jQuery官方下载地址 [https://jquery.com/download/][https_jquery.com_download]

[https_jquery.com_download]: https://jquery.com/download/

发表评论取消回复

表情：

评论列表（有 0 条评论，174人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery面试题-jQuery 添加元素的方法？jQuery(document)ready() 和 windowonload有什么区别？

jQuery 添加元素的方法 append() - 在被选元素的结尾插入内容（被选元素内部） prepend() - 在被选元素的开头插入内容（被选元素内部）

短命女/ 2023年05月29日 09:29/ 0 赞/ 40 阅读

相关提取jQuery的ready方法

(function(){ document.ready = function(fn){ if(typeof fn !== '

ゝ一纸荒年。/ 2023年01月02日 15:28/ 0 赞/ 175 阅读

相关关于使用jQuery时$(document).ready()方法失效问题

关于使用jQuery时$(document).ready()方法失效问题 <script type="text/javascript"> //页面

淩亂°似流年/ 2022年12月04日 07:32/ 0 赞/ 383 阅读

相关 java ready()_Java BufferedReader ready()方法

Java BufferedReader ready()方法 java.io.BufferedReader.ready() 用于测试输入流是否已准备好被读取。只有当缓冲区不为空

男娘i/ 2022年11月06日 09:56/ 0 赞/ 31 阅读

相关 JQuery 的 document.ready()的困惑

Jquery作用域问题写了一个简单的登陆界面,学习Jquery的Ajax应用,如下: <meta http-equiv="Content-Type" cont

深碍√TFBOYSˉ_/ 2022年09月28日 11:37/ 0 赞/ 154 阅读

相关 jQuery ready与window.onload的区别

以浏览器装载文档为例，页面加载完毕后，浏览器会通过javascript为DOM元素添加事件，在常规的Javascript代码中，通常使用window.onload方法，而在Jq

水深无声/ 2022年07月16日 01:53/ 0 赞/ 195 阅读

相关 jQuery核心方法jQuery.holdReady()、暂停JQuery.ready()事件

概述：此方法可以暂停或者恢复jQuery.ready()事件。语法 jQuery.holdReady( hold ) hold:如果值为tr

╰+攻爆jí腚メ/ 2022年07月15日 05:04/ 0 赞/ 184 阅读

相关 JavaScript中的onload和jQuery中的ready方法比较

JavaScript中的onload和jQuery中的ready方法比较示例代码： <%@ page language="java" contentType="t

左手的ㄟ右手/ 2022年06月07日 07:15/ 0 赞/ 220 阅读

相关 jquery学习之延迟jQuery的ready事件

网页页面dom加载完成后，我们才会处理一些业务逻辑，但是有时候我们需要在加载完成之前做一些别的任务，此时，就需要了解延迟ready的事件。 jqu

骑猪看日落/ 2022年04月08日 09:19/ 0 赞/ 247 阅读

相关 jquery ready load

jq 加载三种写法 ![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] $(document).ready(f

冷不防/ 2021年11月17日 08:40/ 0 赞/ 293 阅读