js以及jquery中 load()和ready()的区别
2012-08-02 14:26
369 查看
ready,表示文档结构(DOM)已经加载完成(不包含图片等非文字媒体文件)。
onload,指示页面包含图片等文件在内的所有元素都加载完成。
(可以说:ready 在onload 前加载!!!)
window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个。
如果用$(window).load()我们可以这样加载多个函数
$(window).load(function() {
alert("hello,我是jQuery!");
});
$(window).load(function() {
alert("hello,我也是jQuery");
});
这样写它会从上往下执行这两个函数。
对某一加载完成的图片设置可以这样写:
js中document.getElementById("imgId").onload=function(){}
jquery中$("#imgId").load(function(){...})
$(document).ready()可以同时编写多个,并且都可以得到执行。
$(document).ready(function(){
alert('一般都用ready哦');
})
也可以这样写$(function(){...};)
onload,指示页面包含图片等文件在内的所有元素都加载完成。
(可以说:ready 在onload 前加载!!!)
window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个。
如果用$(window).load()我们可以这样加载多个函数
$(window).load(function() {
alert("hello,我是jQuery!");
});
$(window).load(function() {
alert("hello,我也是jQuery");
});
这样写它会从上往下执行这两个函数。
对某一加载完成的图片设置可以这样写:
js中document.getElementById("imgId").onload=function(){}
jquery中$("#imgId").load(function(){...})
$(document).ready()可以同时编写多个,并且都可以得到执行。
$(document).ready(function(){
alert('一般都用ready哦');
})
也可以这样写$(function(){...};)
相关文章推荐
- jQuery的ready与js的load事件的区别
- js/jQuery中load()、onload()、ready()的区别
- jQuery中的$(window).load()与$(document).ready()以及jquery $(document).ready() 与window.onload的区别
- jQuery中document与window以及load与ready 区别详解
- jQuery中document与window以及load与ready 区别详解
- jQuery中document与window以及load与ready 区别详解
- js中的window.onload和jquery中的load区别的讲解
- 【JQuery】jQuery(document).ready(function($) { });的几种表示方法及load和ready的区别
- js $(document).ready()、()(jQuery)、window.onload=function(){} 区别
- jQuery内ready与load事件的区别
- 页面加载完成后再执行JS的jquery写法以及区别
- 页面加载完成后再执行JS的jquery写法以及区别说明
- jQuery中ready与load事件的区别
- jquery中load和ready的区别
- jQuery中ready与load事件的区别
- 原生JS forEach()和map()遍历的区别以及兼容写法,jQuery $.each()和$.map()遍历
- js中的window.onload和jquery中的load区别的讲解
- jquery (js中window.onload与jquery中$(document.ready())的区别)
- 【js jQuery】map集合 循环迭代取值---以及 map、json对象、list、array循环迭代的方法和区别
- jQuery和js一些标签属性的获取和修改方法以及区别