JavaScript 跟 jQuery页面加载初始化的方法

JavaScript 页面加载初始化的方法

window.onload = function () {
    // 执行代码
}

jQuery 页面加载初始化的3种方法

方法一：

$(document).ready(function(){
    // 执行代码 
});            

这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码，即在 DOM 加载完成后才可以对 DOM 进行操作。如果在文档没有完全加载之前就运行函数，操作可能失败。下面是两个具体的例子：

• 试图隐藏一个不存在的元素
• 获得未完全加载的图像的大小

方法二：

$(function(){
   // 执行代码
});            

方法三：

jQuery(function($) {
   // 执行代码
});            

jQuery 入口函数与 JavaScript 入口函数的区别：

•  jQuery 的入口函数是在 html 所有标签(DOM)都加载之后，就会去执行。
•  JavaScript 的 window.onload 事件是等到所有内容，包括外部图片之类的文件加载完后，才会执行。

注： 由于jquery使用$符号，和一些组件可能发生冲突 ，例如：dwr，可以使用下面代码这样就用 "j" 来替换了 "$"。

var j = jQuery.noConflict();  

转载请注明出处：BestEternity亲笔。