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.onload=function(){
        // 初始化内容
    }
</script> 
// 3.写初始化方法,页面顺序执行到初始化方法时初始化
<script type="text/javascript">
    function init() {
        // 初始化内容
    };
    init();
</script>

二.jquery页面加载初始化方法

// 1.$.function(){}
<script type="text/javascript">
    $.function(){
        // 初始化内容
    });
</script>
// 2.$(document).ready(function(){})
<script type="text/javascript">
    $(document).ready(function(){
        // 初始化内容
    });
</script>
// 3.jQuery(function($){})
<script type="text/javascript">
    jQuery(function($){
        // 初始化内容
    });
</script>

三.jquery和js初始化加载页面的区别
jquery:等待页面加载完数据,以及页面部分元素(不包括图片、视频),
js:是页面全部加载完成才执行初始化加载。

时间: 2024-08-07 04:05:42

js jquery 页面加载初始化方法的相关文章

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

在新的公司里工作,最近一直在做关于js和jQuery的开发,下面三种是最常见的jquery页面加载初始化的方法 第一种,去年实习时的公司用的是这样 $(function(){ //定义局部变量 //var a; ... init(); }); function init(){ alert(123); } 第二种,和上面的写法类似 jQuery(function($){ //定义局部变量 //var a; ... init(); }); function init(){ alert(123); }

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

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

html页面加载初始化方法

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

jQuery 页面加载初始化

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

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"> 

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

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

jQuery框架使用,jq选择器,jq操作页面内容, jq操作类名,jq操作全局属性,jq获取盒子信息,jq获取位置信息,js/jq页面加载完毕事件,jq事件

jq选择器 // 获取所有的页面元素jq对象 $('css3选择器语法'); var $box = $(".box:nth-child(1)"); 获取的是jq对象数组 // 拿到指定的页面元素jq对象 $('css3选择器语法').eq(index); var $box = $(".box").eq(1); 获取的是jq对象数组 // jq 转 js ( jq对像就是由数组包裹的js对象 ) box1 = $box[0] 从数组里取出来 box1 = $box.g

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