美文网首页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 页面加载初始化方法

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