jquery中read与js中onload区别

 代码如下 复制代码

window.onload = function(){     // 当网页加载完成后执行这里的代码块 };

 而在jQuery中也有一个对应的函数，即等待网页加载完后执行代码块

 代码如下 复制代码

$(document).ready(function(){     // 当网页加载完成后执行这里的代码块      });

以上这两个看似一样的功能，但实际有很大的区别

onload不仅在创建DOM树之后，而且在所有外部资源全部加载完毕，并且整个页面在浏览器窗口中显示完毕之后，才会执行。这些资源不仅包括图片资源，而且包括嵌入在页面上的flash视频，如果图片或者flash过多，那么会一段很长加载时间，也就意味这延迟执行代码块的时间会更多。

jQuery中的ready()方法只需要等待文档结构被完全解析并且浏览器已经把HTML转化为DOM树后就会执行代码块，这里注意的是仅仅是DOM，网页中的图片，flash等外部资源都毫无关联。

由此可见jQuery中的ready()方法将缩短等待时间。

当然还有另外一种方式，就是把脚本都在<body>标签后面，这样的话网页按照文档流顺序执行，也会达到JavaScript中onload或者jQuery中ready()效果，并且这中方式将更快的展现网页内容。

时间： 2024-10-02 04:59:10

jquery中read与js中onload区别的相关文章

html中如何引用js中的某个变量

问题描述 html中如何引用js中的某个变量 在script中有一个变量a,我希望在html中引用这个变量,应该怎么写呢? 解决方案 这里面直接输出A的值<script> 不能再html的标签里面调用 除非你写个方法 在html 里面调用这个方法</p> 解决方案二: 你要怎么引用,是你dom对象添加事件还是什么? <script>var a=123;</script> <div onclick="alert(a)">点我输出

Jqyery中同等与js中windows.onload的应用_jquery

复制代码 代码如下: $(function(){//脚本}) Jquery(function(){//脚本}) Jquery(document).ready(function(){//脚本}) 以上三个代码执行同一个动作,由于书写方便,所以Jquery比其他应用程序更受欢迎,但是当与其他js程序库一起使用的时候,特别是prototype.js同时使用时,不能使用$方法,因为他们也有该方法,可以用如下方法回避这种冲突: jQuery(function($){//脚本}) 他们都是当Dom加载完后执

jquery的each和js中的for

问题描述 下面的代码中用each会得到结果01231456for中结果为2a[]为null或不是对象为什么.....求解释啊$(document).ready(function(){var a=[{name:"123"},{name:"456"}];for(i=0;i<a.length;i++){var b=a[i].name;$("#row"+i).click(function(){alert(i);alert(a[i].name);})

如何在servlet中取出从js中传递过来的数组里面的对象

问题描述 解决方案 解决方案二:<form><inputtype=textname="'foo[name]">这样的表单元素你怎么接收?解决方案三:我也不知道怎么接受啊我就是想通过Ajax把数组传过去然后在servlet中取出数组中的对象解决方案四:最后发出的键值对如下面..帮你移动到java去了foo[0][name]123foo[1][name]321解决方案五:楼主你这个是ajax异步处理,是想将返回的值取出来么?$.ajax({url:'takeProT

基于js中的原型、继承的一些想法_javascript技巧

最近看到一个别人写的js类库,突然对js中的原型及继承产生了一些想法,之前也看过其中的一些内容,但是总不是很清晰,这几天利用空闲时间,对这块理解了一下,感觉还是有不通之处,思路上没那么条理,仅作为分享, 一.instanceof 在JavaScript有instanceof运算符,是二元运算符,使用方法 instanceA instanceof A,返回值是布尔值(boolean),含义是判断instanceA是否是A的一个实例,其实质是判断A.prototype===instanceA.__p

js中的prototype和constructor

1.js中只有对象,包括对象,函数,常量等. 对象不用解释.函数也有属性,常见之一就是prototype.常量也有属性: (3).__proto__;//Number {} 2.函数的prototype 函数是一种特殊的对象,它可以直接通过小括号来执行自身代码. 函数还有一个特殊的属性prototype,它也是一个对象. prototype对象也有一个特殊的属性constructor,初始的时候它是指向该函数的. 也就是当js解释到function关键字的时候,会创建两个对象,一个是functi

js中继承的几种用法总结

 本篇文章主要介绍了js中继承的几种用法总结(apply,call,prototype) 需要的朋友可以过来参考下,希望对大家有所帮助 一,js中对象继承   js中有三种继承方式   1.js原型(prototype)实现继承   代码如下: <SPAN style="BACKGROUND-COLOR: #ffffff"><SPAN style="FONT-SIZE: 18px"><html>   <body>  

利用RegisterStartupScript执行js怎么传递在代码中数组 js中又该如何接

问题描述 在代码中有数组需要传递给js怎么传递js中如何接js中需要弹出一窗口又如何把数组传递给该窗口 解决方案 解决方案二:可以通过showModalDialog的第二个参数来传入参数,也可以通过url来传递.

js中利用cookie实现记住密码功能_javascript技巧

在登录界面添加记住密码功能,我首先想到的是在java后台中调用cookie存放账号密码,大致如下: HttpServletRequest request HttpServletResponse response Cookie username = new Cookie("username ","cookievalue"); Cookie password = new Cookie("password ","cookievalue&quo