jquery和js初始化加载方法介绍

普及一下js和jQuery的初始化加载方法：

1、jQuery 页面加载初始化的方法有3种 ，页面在加载的时候都会执行脚本, 

第一种(比较常用)： 

代码如下:

$.function(){ 

alert("第一种方法"); 

}); 

第二种： 

复制代码 代码如下:

$(document).ready(function(){ 

alert("第二种方法"); 

}); 

第三种： 

代码如下:

jQuery(function($){ 

alert("第三种方法"); 

}); 

2.js初始化加载的方法 ：

第一种： 

 代码如下:

window.οnlοad=function(){ 

alert("初始化加载"); 

};

第二种： 

(winOnload 此方法名自定义) 

 代码如下:

function winOnload() { 

alert("初始化加载"); 

}; 

winOnload(); 

jquery和js初始化加载页面的区别： 

Jquery：等待页面加载完数据，以及页面部分元素（不包括图片、视频）， 

js：是页面全部加载完成才执行初始化加载。

Jquery页面加载完成有两种事件:

一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件），

二是onload，指示页 面包含图片等文件在内的所有元素都加载完成。(可以说：ready 在onload 前加载！！！)

一般样式控制的，比如图片大小控制放在onload 里面加载; 

通常Jquery写法如下：

代码如下：

$(function(){ 
// do something 
}); 

其实上面就是jq ready()写法：

代码如下：

$(document).ready(function(){ 
//do something 
}) 

也等于下面这个方法，jQuer的默认参数是：“document”； 

代码如下：

$().ready(function(){ 
//do something 
}) 

详细时间比较：

        window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 
        $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。

详细时间比较：

         window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个 
         $(document).ready()可以同时编写多个，并且都可以得到执行 

3.简化写法 

         window.onload没有简化写法 
         $(document).ready(function(){})可以简写成$(function(){});

本文为原创文章，转载请保留原出处，方便溯源，如有错误地方，谢谢指正。

本文地址：http://blog.csdn.net/ww0908/article/details/72526657