window.onload与$(document).ready()的区别分析

 　　本文实例讲述了window.onload与$(document).ready()的区别。分享给大家供大家参考。具体分析如下：

　　window.onload是Javascript中得函数，意思是：等待网页中所有内容加载完毕之后(包括图片);

　　而$(documetn).ready()是在网页中的所有DOM结构绘制完毕之后就可以执行了，可能有与DOM关联的元素还没有加载完，所以相比之下更快一些;

　　比如举个简单的例子：

　　?

1
2
3
4
5
6

window.onload=function(){
alert('I am No.1');
};
window.onload=function(){
alert('I am No.2');
}

　　根据上面的意思，结果只能输出“I am No.2”

　　而换成:

　　?

1
2
3
4
5
6

$(document).ready(function(){
alert('I am No.1');
});
$(document).ready(function(){
alert('I am No.2');
});

　　结果输出 I am No.1 ,I am No.2

　　希望本文所述对大家的javascript程序设计有所帮助。

时间： 2024-10-28 17:19:00

window.onload与$(document).ready()的区别分析的相关文章

window.onload与$(document).ready()的区别分析_javascript技巧

本文实例讲述了window.onload与$(document).ready()的区别.分享给大家供大家参考.具体分析如下: window.onload是Javascript中得函数,意思是:等待网页中所有内容加载完毕之后(包括图片): 而$(documetn).ready()是在网页中的所有DOM结构绘制完毕之后就可以执行了,可能有与DOM关联的元素还没有加载完,所以相比之下更快一些: 比如举个简单的例子: window.onload=function(){ alert('I am No.1'

angularjs中实现window.onload()与$(document).ready()的方法

习惯了window.onload(),$(document).ready(),现在换成别的了,还真有点不习惯了.下面说一下常用的4种情况. 1,html中直接写  代码如下 复制代码     <script src="lib/angular/angular.min.js" type="text/javascript"></script>      <script type="text/javascript"> 

window.location和document.location的区别分析_javascript技巧

document.location 这个对象包含了当前URL的信息 location.host 获取port号 location.hostname 设置或获取主机名称 location.href 设置或获取整个URL location.port设置或获取URL的端口号 location.search 设置或获取href属性中跟在问号后面的部分 -----------------------------------------------------------------------------

jQuery中的ready函数与window.onload谁先执行_jquery

A.关于$(document).ready(): jquery中的$(document).ready(),那$(document).ready()到底是什么作用呢?是不是可以用window.onload = function(){ ... }来实现呢? 这里,我们要明确二者之间的区别. 我们使用window.onload = function(){ ... },是希望在页面被载入时执行function中的处理,但是这些JS代码只有在页面上的全部内容加载完成(包括头部的banner广告,所有图片)

window.onload使用指南_javascript技巧

网页中的javascript脚本代码往往需要在文档加载完成后才能够去执行,否则可能导致无法获取对象的情况,为了避免这种情况的发生,可以使用以下两种方式: 一.将脚本代码放在网页的低端,这样在运行脚本代码的时候,可以确保要操作的对象已经加载完成. 二.通过window.onload来执行脚本代码. 第一种方式感觉比较凌乱(其实推荐使用),往往我们需要将脚本代码放在一个更为合适的地方,那么window.onload方式就是一个更好的选择.window.onload是一个事件,当文档加载完成之后就会触

浅析document.ready和window.onload的区别

 这篇文章主要介绍了document.ready和window.onload的区别,有需要的朋友可以参考一下 Javascript 只有在DOM元素已经定义以后才可以对其执行某种操作.   jQuery使用document.ready来保证所要执行的代码是在DOM元素被加载完成的情况下执行.比如在"jQuery基础 - 如何开始"一文里,我用到如下jQuery代码:    代码如下: <!--   $(document).ready(function ()            

Jquery中$(document).ready()和window.onload的区别

最基本的区别 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行. $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕. 2.编写个数不同 window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个 $(document).ready()可以同时编写多个,并且都可以得到执行 3.简化写法 window.onload没有简化写法 $(document).ready(function()

jquery $(document).ready() 与window.onload的区别

Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的. 1.执行时间          window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行.          $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕.  2.编写个数不同           window.onload不能同时编写多个,如果有多个window

jquery $(document).ready()和window.onload的区别浅析_javascript技巧

Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的. 1.执行时间         window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行.         $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕. 2.编写个数不同          window.onload不能同时编写多个,如果有多个window.onl