前面使用ext 其中发现其页面载入时候用了:
Ext.onReady( function_name);
当时并为在意,以为就是和onload 事件是一样的,直到看到下面这篇介绍才了解到实情。
下文转载自:http://www.dojochina.com/index.php?q=node/794
首先我解释一下jQuery
jQuery有一个用来作为DOM快速载入javascript的得心应手的小函数,那就是ready… 他在页面加载完成之前执行。 (也许window.onload()能实现同样的功能,但当window.onload函数执行的时候,要说明所有东西已经载入,包括图像和横幅等等。要知道较大的图片下载速度会比较慢,因此用户必须等待大图片下载完毕才能看到window.onload()执行的代码效果,这样就花费了很长的等待时间,这不是我们想要的。)。
$(document).ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。这是事件模块中最重要的一个函数,因为它可以极大地提高web应用程序的响应速度。 简单地说,这个方法纯粹是对向window.load事件注册事件的替代方法。通过使用这个方法,可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数.
$(document).ready(function(){
// 你的代码
});
$(document)意思是说,获取整个网页文档对象(类似的于window.document),$(document).ready意思就是说,获取文档对象就绪的时候。
上面这段代码的意思是检查文档对象直到它能够允许被操作(译者注:这样做比window.onload()函数要快的多,因为只要文档对象载入完成就能够执行代码了,而不需要等待页面中的图片下载是否已经完成)---这是我们想要的。
好了,jQuery解释到这里。
分享到:
相关推荐
在JavaScript(JS)环境中,读取.properties文件通常用于处理配置数据或者本地化文本。这些文件在Java开发中广泛使用,但JavaScript同样可以借助一些库或技术来读取它们。下面我们将详细探讨如何在JavaScript中实现...
在IE8中,动态创建`<script>`标签并设置其`onload`事件处理函数时,可能会遇到一个已知的问题,即`onload`事件在IE8中可能不会按照预期触发。这个问题通常与JavaScript的加载顺序有关,尤其是当涉及到异步加载脚本时...
10. **浏览器兼容性**:虽然`flv.js`旨在替代Flash Player,但它仍然依赖于现代浏览器对WebAssembly和Web Workers的支持,因此可能在某些较旧或非主流的浏览器中无法工作。 综上所述,`flv.js`是一个强大的工具,...
这一功能主要是在 Netscape Navigator 浏览器中实现的,通过在 JavaScript 脚本中使用 `java.lang.` 前缀来访问 Java 的内置类和方法。例如: ```javascript java.lang.System.out.println("Hello!"); ``` 虽然...
【JavaScript 源代码】js+css实现三级导航菜单 在网页设计中,导航菜单是不可或缺的部分,尤其在复杂的网站结构中,三级导航菜单能够帮助用户更方便地浏览和访问内容。本文主要介绍如何利用 JavaScript 和 CSS 合作...
在JavaScript中,显示图片是一项基本的操作,广泛应用于网页动态效果、用户交互以及图像处理等场景。这个案例,"JAVASCRIPT显示图片的案例",很可能是为了展示如何利用JavaScript来控制图片的加载、显示、隐藏以及...
4. 动态响应事件:JavaScript 支持一些事件,如 onLoad(载入文件事件)、onMouseOut (鼠标离开事件)、onMouseOver (鼠标滑动事件)、onClick (鼠标单击事件)等,可以针对用户为产生的事件设计一连串的程序响应。...
以下是一些纯JavaScript的`ready()`替代方法。 1. **DOMContentLoaded事件**: 这是最常用的替代方法,当DOM解析完成,但不等待图片、样式表等资源加载时触发。 ```javascript document.addEventListener('...
在网页设计和开发中,右上角的翻页广告是一种常见的广告形式,它通常采用JavaScript(js)技术来实现动态效果,吸引用户的注意力。本文将深入探讨如何利用JavaScript和相关文件来创建这样的广告代码。 首先,`index...
以本文提到的“JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果”为例,我们将探讨如何使用JavaScript来实现一个在页面上具有遮罩层的iframe元素,在其内容完全加载后进行相应的显示或隐藏操作。...
对于不支持JavaScript的浏览器,可以使用`<noscript>`标签提供替代文本或功能: ```html Hello to the non-JavaScript browser. ``` #### 八、基本JavaScript操作 - **输出到浏览器**:使用`document.write()`...
在JavaScript编程中,实现图片发光效果是一种常见的视觉增强技术,它可以为网页增添动态美感和交互性。本篇文章将深入探讨如何使用JavaScript实现图片的发光效果,以及相关的关键知识点。 首先,我们要理解发光效果...
"掉链图片的替代图片方法"这一主题探讨了如何在JavaScript中实现图片加载失败时的备选方案,以创建一个可靠的图片相册特效。 首先,理解JavaScript的`<img>`标签事件是关键。在HTML中,我们可以为`<img>`标签添加`...
本教程将深入探讨如何利用JavaScript在网页中实现打开页面即显示Flash内容。 在早期的网页设计中,Flash技术因其丰富的动画效果和多媒体特性,被广泛应用在网页设计中。然而,随着HTML5的普及,Flash逐渐被淘汰,...
在本文中,我们将深入探讨如何使用纯JavaScript实现上传图片前的预览功能,并且检查图片的大小,确保兼容性覆盖到IE7至IE10、Firefox以及Chrome等主流浏览器。这个功能对于用户交互体验有着重要的作用,因为它允许...
在JavaScript世界中,Flash曾是实现动态效果和交互的重要工具,尤其在图片展示和动画方面。...在实际项目中,开发者可能还会结合现有的JavaScript库或框架,如jQuery、React或Vue.js,来简化开发过程和提高代码复用性。
这篇内容将深入探讨JavaScript在浏览器环境中如何实现本地文件的读取、写入和选择。 1. **FileReader API** JavaScript中的FileReader API允许在用户许可的情况下读取文件。用户可以通过`<input type="file">`标签...
在这个主题中,“js图片左右滚动效果”指的是利用JavaScript来创建一种动态展示图片的方式,使得图片能够在页面上从左到右或者从右到左自动滑动,给用户带来视觉上的流畅体验。 实现这种效果,主要涉及到以下几个...
在JavaScript编程领域中,"打开页面的等待"通常是指一种用户体验优化策略,即在网页加载过程中展示一个加载动画或提示,以告知用户页面正在加载,提高用户体验。这种效果在资源密集型或者大型网页中尤为常见,因为...
在深入探讨《javascript表单事件汇总》这一主题之前,我们首先需要理解JavaScript作为一种广泛应用于网页开发的脚本语言,如何通过处理各种事件来增强用户体验、实现动态交互效果。本文将详细解析一系列重要的...