文档就绪处理程序

        //第一种方式是注册onload事件处理代码,
        //onload事件会在页面或图像加载完成后立即发生。这意味着onload事件的执行时间是在
        //document对象和document对象所关联的所有的资源全部加载完毕才会执行onload事件处理程序
        onload = function() {
            //JS代码
        };

       //第二种,使用jQuery的方式,在DOM树加载就绪的时候就执行
        //当 DOM(文档对象模型) 已经加载,并且页面(包括图像)已经完全呈现时,会发生 ready 事件。
        //由于该事件在文档就绪后发生,因此把所有其他的 jQuery 事件和函数置于该事件中是非常好的做法。
        //ready() 函数规定当 ready 事件发生时执行的代码。
        //ready() 函数仅能用于当前文档,因此无需选择器。

        $(function () {
            //JS代码
        });

        //允许的另外两种写法
        $(document).ready(function() {
            //JS代码
        });
        $().ready(function() {
            //JS代码
        });

        //最后:ready() 函数不应与 <body onload=""> 一起使用。
时间: 2024-12-20 20:00:19

文档就绪处理程序的相关文章

JQuery之JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案

JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案 JQuery的版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery的版本</title> <

jQuery文档就绪事件

[jQuery文档就绪事件] 为了防止文档在完全加载(就绪)之前运行 jQuery 代码.如果在文档没有完全加载之前就运行函数,操作可能失败. $(document).ready(function(){ // 开始写 jQuery 代码... }); 简洁写法(与以上写法效果相同): $(function(){ // 开始写 jQuery 代码... }); 参考:http://www.runoob.com/jquery/jquery-syntax.html

JQUERY 文档就绪函数

$(document).ready(function(){ 执行的操作 }); 文档就绪函数为了防止文档在完全加载(就绪)之前运行 jQuery 代码. 如果在文档没有完全加载之前就运行函数,操作可能失败. 例如:试图隐藏一个不存在的元素或者获得未完全加载的图像的大小

Js和jQuery的文档就绪函数以及执行次数

Js和jQuery的文档就绪函数以及执行次数 1:JS文档就绪函数: 采用onload方法: 2:jQuery文档就绪函数: 方法一:采用ready方法 方法二: 通过上面的两种方法可看出:利用方法二比较精简,方法二应用广泛 3. JS文档就绪函数的执行次数: ---js的文档就绪函数不能定义多个.如果定义多个,最后定义的文档就绪函数会覆盖之前的. 例如: 像上面这样,函数定义两个或者两个以上的时候,最后弹出的结果只有"2",因为后面定义的文档就绪函数会覆盖前面的. 4.jQuery文

jQuery文档就绪

很多jQuery代码都有如下片段: $(document).ready(function(){ //代码 }) 作用就是等文档结构加载完成后再去执行function中的代码,功能类似于window.onload事件. 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http

jQuery帮助文档

jQuery 库 - 特性 基础 jQuery 实例jQuery 是一个 JavaScript 函数库. 下面的例子演示了 jQuery 的 hidejQuery 库包含以下特性: 实例HTML 元素选取 <html>HTML 元素操作 <head>CSS 操作 <script type="text/javaHTML 事件函数 <script type="text/javascrJavaScript 特效和动画 $(document).ready(f

Jquery对象的文档处理,CSS和事件

文档处理 append:向每个匹配的元素内部追加内容.这个操作与对指定的元素执行appendchild方法,将它们添加到文档中的情况类似 <p>i would like to say</p> $("p").append("<b>hello</b>"); 结果: [<p>i would liek to say:<b>hello</b></p>] appendTo:把所有匹配

MongoDB学习笔记二:创建、更新及删除文档

插入并保存文档 对目标集使用insert方法插入一个文档: > db.foo.insert({"bar" : "baz"}) 这个操作会给文档增加一个"_id"键(要是原来没有的话),然后将其保存到MongoDB中.批量插入 如果要插入多个文档,使用批量插入会快一些.批量插入传递一个由文档构成的数组给数据库.如果只是导入数据(例如,从数据feed或者MySQL中导入),可以使用命令行工具,如mongoimport,而不是使用批量插入. 删除

调用webapi 错误:使用 HTTP 谓词 POST 向虚拟目录发送了一个请求,而默认文档是不支持 GET 或 HEAD 以外的 HTTP 谓词的静态文件。的解决方案

第一次调用webapi出错如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>IIS 7.5 详细错误 - 4