`

实现jQuery的document.ready功能js代码

阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>document.ready</title> 
<script type="text/javascript"> 
(function () { 
    var ie = !!(window.attachEvent && !window.opera); 
    var wk = /webkit\/(\d+)/i.test(navigator.userAgent) && (RegExp.$1 < 525); 
    var fn = []; 
    var run = function () { for (var i = 0; i < fn.length; i++) fn[i](); }; 
    var d = document; 
    d.ready = function (f) { 
        if (!ie && !wk && d.addEventListener) 
            return d.addEventListener('DOMContentLoaded', f, false); 
        if (fn.push(f) > 1) return; 
        if (ie) 
            (function () { 
                try { d.documentElement.doScroll('left'); run(); } 
                catch (err) { setTimeout(arguments.callee, 0); } 
            })(); 
        else if (wk) 
            var t = setInterval(function () { 
            if (/^(loaded|complete)$/.test(d.readyState)) 
            clearInterval(t), run(); 
            }, 0); 
    }; 
})(); 
document.ready(function(){ 
    document.getElementById('test').innerHTML = 'document.ready test!'; //找到 
}); 
alert(document.getElementById('test')); //null 没找到 
</script> 
</head> 
<body> 
<div id="test"></div> 
</body> 
</html>


分享到:
评论

相关推荐

    jquery多风格多功能滚动特效代码插件jquery.liMarquee.js下载.zip

    本文将详细介绍一款名为`jquery.liMarquee.js`的插件,它是一款功能强大、风格多样的jQuery滚动特效代码,能够帮助开发者轻松实现各种滚动效果。 一、插件介绍 `jquery.liMarquee.js`是一款基于jQuery的滚动插件,...

    jquery.countdown.js自定义倒计时代码.zip

    主要文件`jquery.countdown.js`是实现倒计时功能的核心代码,开发者可以通过阅读源码理解其工作原理。 3. `img`目录:可能包含了一些与示例页面相关的图片资源,用于美化倒计时的视觉效果。 4. `css`目录:包含了CSS...

    用javascript实现jquery的document.ready功能的实现代码

    ### 使用JavaScript实现jQuery的`document.ready`功能 在前端开发中,经常需要用到DOM操作,而这些操作往往需要等到整个文档加载完成之后才能进行。在jQuery中,提供了非常方便的`$(document).ready()`方法来帮助...

    jquery回到顶部插件jquery.goup.js

    总结,jquery.goup.js作为一款实用的jQuery插件,以其简洁的代码、灵活的配置和良好的性能,为开发者提供了便捷的“返回顶部”功能实现。在实际开发中,结合其他jQuery插件和现代前端框架,可以构建出更加丰富和动态...

    jQuery(document).ready(function($) { });的几种表示方法

    `jQuery(document).ready()`函数是jQuery中的一个重要概念,它确保了在执行任何JavaScript代码之前,DOM已经完全加载和解析完成。这个特性使得开发者可以在不担心元素未定义的情况下操作DOM。以下是几种常见的表示...

    js生成二维码jquery.qrcode.js

    而jQuery是一个高效、简洁且易用的JavaScript库,它简化了DOM操作、事件处理、动画制作等任务,使得开发者能够更高效地编写代码。 在描述中提到的`jquery.qrcode.js`,就是将jQuery与二维码生成功能结合的插件。这...

    jquery.marquee.js官方下载

    在Web开发中,滚动效果常常用于吸引用户的注意力,jQuery.marquee.js就是一款专为实现这种滚动效果而设计的JavaScript插件。该插件基于广泛使用的jQuery库,使得创建无缝、自定义的滚动效果变得简单易行。本文将对...

    jquery.page.js下载

    `jquery.page.js`是一个轻量级的JavaScript库,它扩展了jQuery的功能,使得网页的页面滚动变得流畅自然,同时提供了自定义事件和回调函数,方便开发者对滚动行为进行控制。与之配套的`jquery.page.css`是样式文件,...

    jquery.nestable.js示例

    下面我们将深入探讨 `jQuery.nestable.js` 的核心功能、使用方法以及如何实现简单的示例。 ### 1. 核心功能 - **可拖动排序**:`nestable.js` 提供了拖放功能,允许用户通过鼠标拖拽来调整元素的顺序,这在树形...

    jquery.scrollTo.js网页滚动插件下载.rar

    jQuery.scrollTo.js是基于流行的JavaScript库jQuery开发的一款插件,它的主要功能是允许网页内容按照预设的方式进行平滑滚动。这款插件支持多种滚动方式,包括但不限于单向滚动、多方向滚动以及根据元素定位的滚动,...

    jquery.paginate.js

    1. 简单易用:jQuery.paginate.js的核心优势在于其简洁的API接口,开发者只需几行代码就能实现分页功能。通过调用特定的jQuery方法,可以快速将分页组件添加到页面上。 2. 自定义样式:该插件允许开发者自定义分页...

    jquery-2.0.0.js 、jquery-2.0.0.min.js 【官方jquery包 js】

    - **延迟加载**:使用`.ready()`或`$(document).ready()`确保DOM加载完成后执行脚本,避免阻塞页面渲染。 - **选择器优化**:合理使用CSS选择器,避免过于复杂的选择表达式,以提高性能。 - **事件委托**:利用`....

    jquery.dragsort.js

    在实际应用中,我们可以结合其他jQuery插件或自定义的JavaScript代码,进一步扩展和优化功能,例如在拖放排序后实时更新服务器端的数据,或者结合AJAX实现无刷新的列表排序。 总结来说,jQuery Dragsort插件是提升...

    jquery2.14.min.js.rar

    此外,`$(document).ready()`用于在文档加载完成后执行代码,确保DOM已经完全构建完毕。 2. **事件处理**:jQuery的事件绑定功能非常强大,通过`.on()`方法可以轻松实现。例如,`$("button").on("click", function...

    jQuery1.12.4.js

    2. **$(document).ready()**:页面加载完成后执行的函数,确保DOM完全加载后才运行jQuery代码。 3. **插件开发**:jQuery易于扩展,可以通过`.extend()`方法创建插件,增强其功能。 4. **链式调用**:jQuery对象...

    jQuery.corner.js

    jQuery.corner.js 是一个专门用于实现这一目标的JavaScript插件,它让开发者能够轻松地为HTML中的DIV元素添加圆角效果,无需复杂的CSS3或者其他复杂的JavaScript代码。 jQuery.corner.js 的核心功能在于其简洁易用...

    简单易用的倒计时插件——jQuery.downCount.js.zip

    总结,jQuery.downCount.js是一款轻量级且易于使用的倒计时插件,只需少量代码就能快速实现倒计时功能。通过灵活的参数配置和自定义样式,可以适应各种网页设计风格。在实际开发中,可以结合其他jQuery插件和前端...

    jquery.metadata.js和jquery.validate.js

    `jquery.metadata.js`通过解析元素的class属性来获取这些信息,使得我们可以将配置信息内联地嵌入到HTML中,从而避免了硬编码在JavaScript代码中,提高了代码的可维护性。 例如,你可以在一个表单输入元素上定义元...

    jquery-1.1.3.1.js,jquery.linscroll.js

    标题中的"jquery-1.1.3.1.js"和"jquery.linscroll.js"都是JavaScript库文件,它们是Web开发中广泛使用的jQuery框架的一部分。jQuery是一个轻量级、功能丰富的JavaScript库,它极大地简化了JavaScript编程,尤其是...

    jquery-3.1.1.js和jquery-3.1.1.min.js

    例如,使用`$(document).ready()`确保在页面完全加载后执行初始化代码,使用`.click()`绑定点击事件,以及使用`.data()`来存储和检索附加数据。 总的来说,`jquery-3.1.1.js`和`jquery-3.1.1.min.js`是jQuery库的两...

Global site tag (gtag.js) - Google Analytics