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

时间:2022-05-12 17:24:37

在新的公司里工作,最近一直在做关于js和jQuery的开发,下面三种是最常见的jquery页面加载初始化的方法
第一种,去年实习时的公司用的是这样

$(function(){
    //定义局部变量
    //var a;
    ...
    init();
});

function init(){
    alert(123);
}

第二种,和上面的写法类似

jQuery(function($){
    //定义局部变量
    //var a;
    ...
    init();
});
function init(){
    alert(123);
} 

第三种,也就是我目前所在公司使用的方式

var sc = function() {
    //定义局部变量
    //var a;
    ...
    return{
        init:function(){
            alert(123);
        }
    }
}();
sc.init();

这种写法要注意的是,一定要把页面引入js的语句放在最后,意思是整个jsp页面加载完毕后再引入js,这样是预防jquery获取的值为空
感觉第三种好一点,用的比较顺手,都是为了防止变量全局化