window.onload和$(doucument).read( )区别

执行时机:

window.onload : 必须等待页面所有内容加载完毕之后(包括图片)才能执行

$(document).ready( ) : 网页中所有DOM结构绘制完毕后就执行,可能DOM元素关联的东西并没有加载完

编写个数 :

window.onload : 不能同时编写多个,只能有一个window.onload方法

window.onload = function(){
alert(“test”);
}

$(document).ready( ) : 能同时编写多个

$(document).ready(function(){
alert(test);
});

简化写法:

window.onload : 无

$(document).ready( ) :

$(function(){
alert(test);
});
时间: 2024-10-13 01:16:59

window.onload和$(doucument).read( )区别的相关文章

jquery学习笔记一之window.onload与$(document).ready()区别

1.window.onload与$(document).ready()区别 执行时机:前者必须等待网页中所有的内容加载完毕后(包括图片)才能执行,后者 网页中说有的Dom结构绘制完毕后就执行,可能Dom元素关联的内容并没有加载完成. <!DOCTYPE html> <html> <head> <title>test</title> <script type="text/javascript" src="js/j

window.onload()和$(document).ready()区别

1 $(window).load(function() { 2 $("#btn-upload").click(function(){ //比如说: 3 uploadPhotos(); 4 }); 5 }); window.onload()和$(document).ready()区别

window.onload与$.ready的区别

在做图书管理系统的时候,有用到window.onload(){}方法,但是遇到了一个问题,就是怎么都不执行,到底是为什么呢?愁了半天.后来经师姐指点改用了$.ready(){}.在我的浅浅的了解中认为他们是一样的,那为什么这个行,而那个不行呢?so,上网查! Jquery中的$.ready(){}的作用类似于传统的JS中的window.onload方法.不过与windows.onload方法还是有区别的. 区别: 执行时间: window.onload()必须等到页面内容全部加载完毕后才能执行,

window.onload与document.ready区别

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

window.onload和document.ready区别

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

window.onload()和$(function(){});的区别

1.window.onload必须等到页面中所有元素加载完之后才会执行(包括图片.视频等)而$(function(){});是在结构绘制完毕之后执行,二者的执行时机是不同的,一般来说后者会首先执行 2.window.onload只能存在一个,即时存在多个也只会执行一个:而$(function(){})则可以存在多个,且多个都会执行: 3.window.onload只有一种写法,而$(function(){})可以写成:$(document).ready(function(){});效果一样.

Window.onload与$(document).ready()区别

这个对比图是从<锋利的jQuery>书上截取下来的,我自己也总结了一下: diff-1: Window.onload是网页中全部元素(包括元素的关联文件)完全加载到浏览器后才能执行,$(document).ready()解析出DOM树即可访问节点和属性. 举个例子: Flicker这种大型图片网站,为网页中所有图片添加某些行为,例如mouseover的时候可以显示放大图,如果用onload,那么必须等每一幅图都加载浏览器才能进行操作,如果用ready那么只要DOM树就绪就可以操作. DOM树就

window.onload和$(function(){})的区别介绍

window.onload=function{} 表示页面加载完了后(包括dom和js),再执行函数里面的内容: $(function(){}) 表示页面(dom)加载完了后,再执行函数里面的内容

JS 页面加载触发事件 document.ready和window.onload的区别

document.ready和onload的区别——JavaScript文档加载完成事件页面加载完成有两种事件: 一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件): 二是onload,指示页面包含图片等文件在内的所有元素都加载完成. 1.Dom Ready 使用jq时一般都是这么开始写脚本的: $(function(){ // do something }); 例如: $(function() { $("a").click(function() { alert(&