`

jQuery入门教程-15 Days of jQuery(Day 1)-比window.onload更快一些的载入

阅读更多
转载自网络
window.onload()是传统javascript里一个能吃苦耐劳的家伙。它长久以来一直被程序员们作为尽快解决客户端页面载入问题的捷径。

但有时候等待页面载入还是不够快。

只有少数大型的图片文件会被快速的载入,而大部分大型的图片文件会使window.onload()载入的很慢。所以当我为最近的网络营销创建一个web应用程序的时候我不得希望更快一点。有一些围绕window.onload()的新研究(比如brother cake)的代码是一种快速的方式。如果你需要,可以试试。

但是如果你要做一些DOM(文档对象模型)javascript的编程,那么你为什么不试试jQuery,它就像你自己亲自制作一个蛋糕,并品尝它。(双关Brother Cake,俏皮话)。

jQuery有一个用来作为DOM快速载入javascript的得心应手的小函数,那就是ready… 他在页面加载完成之前执行。

$(document).ready(function(){
// Your code here...
});


你可以用他来载入任何你想要载入的javascript,并不一定要保留jQuery的编码风格。让jQuery同时去执行多个函数也是可以的。

你以前可能见过类似于init()之类的函数,你会发现jQuery会快很多。

在以后的教程里我们会一遍又一遍的用到这个函数。

OK你现在可以尝试一下代码:(记得把jQuery引用进你的页面哦,不记得的话看看上篇。)

$(document).ready(function(){
alert("Congratluations!");
});
分享到:
评论

相关推荐

    脱离document.onload和window.onload的onload事件

    脱离document.onload和window.onload的onload事件,可多次添加加载事件!

    ie中 body onload 和 window onload 解决法案

    在实际开发中,如果同时使用了`body.onload`和`window.onload`,那么`window.onload`会覆盖`body.onload`,因为`window.onload`等待的时间更长。如果希望两者并存,可以将`body.onload`的代码放入`window.onload`的...

    window.onload

    ### window.onload 与 insertAfter() 方法详解 #### 一、概述 在网页开发过程中,`window.onload` 和 `insertAfter()` 方法是两个非常实用且重要的技术点。它们可以帮助开发者更好地控制页面加载流程以及动态地...

    jquery快速入门实例

    本教程将引导你快速入门jQuery,通过基础实例帮助你掌握其核心概念。 ### 1. jQuery 构造函数与 $(document).ready() `$` 符号是 jQuery 的核心构造函数,它可以用来选择和操作DOM元素。`$(function() {...})` 是...

    15天学会jQuery(0-5)

    4. **jQuery的"更快的载入"**: 传统上,开发者依赖`window.onload`事件来确保页面完全加载后执行脚本。然而,`window.onload`可能会延迟脚本执行,特别是在大型图片加载较慢时。jQuery的`$(document).ready()`函数...

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

    总结来说,`jQuery(document).ready()`提供了一种灵活且高效的处理DOM就绪的方式,而`window.onload()`和`body.onload`更适用于需要等待整个页面加载的场景。理解这些不同方法的用法和区别,可以帮助开发者更有效地...

    JQuery入门,JQuery总结

    `$(document).ready`的执行速度通常比`window.onload`更快,因此在大多数情况下更受欢迎。 **jQuery选择器** jQuery选择器是其强大功能的一部分,支持CSS1到CSS3选择器。基本选择器包括ID选择器(#id)、类选择器...

    jquery 教程 详细解释了jquery的使用方法

    这个“jQuery 教程”旨在为初学者提供详细的jQuery使用方法。 一、jQuery特点 1. 轻量级:jQuery库文件小巧,原始版本大约几十KB,经过压缩后通常不超过18KB,这使得它在网页加载时不会增加太多负担。 2. 强大选择...

    15天漫游jQuery中文翻译word版最新版本

    15天漫游jQuery中译本,不是很完整,但是也是学习jquery 不可或缺的东东 1 day Window.onload() 一直是常用的javascript函数。数年来程序员们习惯了通过它在页面加载完毕后执行客户端脚本。 但有时候等待页面加载可以...

    jQuery入门手册1.3.2

    jQuery的事件处理方式简洁明了,如`$(selector).click(function(){...})`用于绑定点击事件,`$(document).ready(function() {...})`则在文档加载完成后执行指定的函数,避免了传统JavaScript中的window.onload的繁琐...

    window.open打开新窗口,不被拦截的方法

    ### window.open打开新窗口,不被拦截的方法 在Web开发中,经常会有需求需要在一个新的浏览器窗口或标签页中打开链接或展示内容。这通常通过JavaScript的`window.open()`方法来实现。但是,在实际应用中,由于...

    15天漫游jQuery中文翻译word版

    资源名称:15天漫游jQuery中文翻译 word版内容简介:15天漫游jQuery中译本,不是很完整,但是也是学习jquery 不可或缺的东东1 day Window.onload() 一直是常用的javascript函数。数年来程序员们习惯了通过它在...

    jQuery入门-1.0笔记

    jQuery入门笔记涵盖了JavaScript库jQuery的基本知识点,包括其核心概念、语法、选择器、事件处理以及页面元素操作等内容。在深入之前,我们先明确jQuery是一个高效的JavaScript库,它通过简化DOM操作、事件处理、...

    jquery.doc

    "15 Days of jQuery (Day 1)" 阐述了 jQuery 如何比 `window.onload` 更快地处理页面加载。`window.onload` 是传统方法,用于确保所有资源(如图片)加载完毕后执行 JavaScript。然而,它可能会因为大图片或其他资源...

    15天学会jQuery(0-5).pdf

    "15天学会jQuery(0-5)"这个资料可能是针对初学者的一系列教程,旨在帮助读者在15天内掌握jQuery的基本概念和实用技巧。 在第一天的教程中,作者提到jQuery的核心优势在于其简化了JavaScript的使用,特别是对于DOM...

    01-jQuery入门.ppt

    这比`window.onload`事件更早触发,提高了用户体验。 总之,jQuery通过提供一套统一的API,极大地简化了JavaScript的开发,使开发者能够更高效地编写代码,同时保持代码的简洁性和可读性。学习jQuery意味着掌握一套...

    jquery教程chm格式

    《jQuery教程CHM格式》是一本专为开发者设计的手册,它以压缩包的形式提供,包含了一系列关于jQuery库的详细教学内容。jQuery是一款强大的JavaScript库,它的出现极大地简化了JavaScript的DOM操作、事件处理、动画...

    document.ready和window.onload.docx

    windows

Global site tag (gtag.js) - Google Analytics