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

在新的公司里工作,最近一直在做关于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();

感觉第三种好一点,用的比较顺手,都是为了防止变量全局化

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-12-24 08:46:32

jQuery页面加载初始化的几种方法的相关文章

(转,记录用)jQuery页面加载初始化的3种方法

jQuery 页面加载初始化的方法有3种 ,页面在加载的时候都会执行脚本,应该没什么区别,主要看习惯吧,本人觉得第二种方法最好,比较简洁. 第一种: [javascript] view plain copy $(document).ready(function(){ alert("第一种方法."); }); 第二种: [javascript] view plain copy $(function(){ alert("第二种方法."); }); 第三种: [javas

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

$(document).ready(function(){ alert("第一种方法."); }); $(function(){ alert("第二种方法."); }); jQuery(function($) { alert("第三种方法."); });

jQuery 页面加载初始化

jQuery 页面加载初始化的方法有3种 ,页面在加载的时候都会执行脚本,应该没什么区别,主要看习惯吧,本人觉得第二种方法最好,比较简洁. 第一种: $(document).ready(function(){ alert("第一种方法."); }); 第二种: $(function(){ alert("第二种方法."); }); 第三种: jQuery(function($) { alert("第三种方法."); }); ps;不用jQuery,

js jquery 页面加载初始化方法

一.js页面加载初始化方法 // 1.在body里面写初始化方法. <body onload='init()'> </body> <script type="text/javascript"> function init(){ // 初始化内容 } </script> // 2.window.onload=function(){} <script type="text/javascript"> window

jQuery页面加载初始化常用的方法

在做项目时经常会遇到这样的问题:页面加载完毕自动执行action加载数据.这时候估计就要想起jquery+ajax. 方式一: $(document).ready(function(){ $.ajax({ url:'你的action', data:{需要传的参数,如果是get方式,jquery会自动将参数组装到你的url后}, success:function(resultdata){ } }); }); 方式二: $(function(){ alert("使用ajax请求数据");

jQuery页面加载初始化常用的三种方法

当页面打开时我们需要执行一些操作,这个时候如果我们选择使用jquery的话,需要重写他的3中方法,自我感觉没什么区 别,看个人喜好了,第二种感觉比较简单明了: 第一种: 复制代码代码如下: <script type="text/javascript" src="./js/jquery-1.7.min.js"></script> 复制代码代码如下: <script type="text/javascript"> 

html页面加载初始化方法

js: 方法一: window.onload=function(){内容} 方法二(自己定义方法): function onload(){内容} onload(); jQuery: 方法一: $(document).ready(function(){内容}); 方法二: $(function(){内容}); 方法三: jQuery(function($){内容}); 注意:由于jquery使用$符号,这样和有些组件 ,例如dwr就有冲突,为了解决这个问题,可以使用:var j = jQuery.

jQuery 页面加载事件

页面加载完成有两种事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页 面包含图片等文件在内的所有元素都加载完成.(可以说:ready 在onload 前加载!!!) 一般样式控制的,比如图片大小控制放在onload 里面加载; jS事件触发的方法,可以在ready 里面加载; 用jQ的人很多人都是这么开始写脚本的: 通常的写法 复制代码 代码如下: $(function(){ // do something }); 其实这个就是jq ready

Jquery页面加载效果

1.说明 Jquery页面加载可实现异步请求时提示"请稍后,正在加载..."效果,同步请求不可用(即ajax async: false).本文地址:http://www.cnblogs.com/lengzhan/p/6423312.html 2.代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43