美文网首页JavaScript渣渣到大神手册
js jquery 页面加载初始化方法

js jquery 页面加载初始化方法

作者: FF_C | 来源:发表于2017-12-10 20:32 被阅读0次

一.js 页面加载初始化方法

<body onload='init()'>
</body>

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

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

$(document).ready(function(){})可以简写成$(function(){});


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

// ready()函数有以下三种等价的形式
function handler(){
    //这里是需要执行的代码
}

// 形式一
$(document).ready( handler );
// 形式二
$( ).ready( handler ); // 不推荐该形式
// 形式三
$( handler );
// 3.jQuery(function($){})
<script type="text/javascript">
    jQuery(function($){  
        // 初始化内容
    });  
</script>

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

相关文章

  • js jquery 页面加载初始化方法

    一.js 页面加载初始化方法 二.jquery 页面加载初始化方法 $(document).ready(funct...

  • Javascript 学习笔记

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

  • JQuery-页面加载

    DOM中页面加载 jQuery中页面加载 方法一: 方法二: 方法三: 方法四:

  • jquery ready方法

    jquery ready方法 为啥要用ready方法 用于于当文档加载完后再执行js代码,就是为了防止页面未加载完...

  • jquery加载页面的方法

    jquery加载页面的方法(页面加载完成就执行),建议大家看下windows.onload与$(document)...

  • jquery加载页面的方法(页面加载完成就执行)

    jquery加载页面的方法(页面加载完成就执行) http://www.jb51.net/article/2744...

  • js延迟加载的六种方式

    js实现延迟加载的几种方法,js的延迟加载有助与提高页面的加载速度 JS延迟加载,也就是等页面加载完成之后再加载 ...

  • web-JQuery

    jquery是一个函数库,一个js文件,页面用script标签引入这个js文件就可以使用 jquery加载 将获取...

  • JS初始化

    js中初始化常用的三种方法: //方法一:(jQuery)$(document).ready(function()...

  • 2018-01-11

    使用方法 引用jquery和jquery.lazyload.js到你的页面 | 1 2 | <``script s...

网友评论

    本文标题:js jquery 页面加载初始化方法

    本文链接:https://www.haomeiwen.com/subject/rsnvixtx.html