JQuery页面加载初始化常用方法

2023-06-24 16:01:34

jquery和js初始化加载页面的区别

jquery：等待页面加载完数据，以及页面部分元素（不包括图片、视频），效率更快

js：页面全部加载完成才执行初始化操作

1、使用jquery方式

需要加载js文件

第一种方法：

<script type="text/javascript">
$(document).ready(function(){
    initFun("初始化方法进入");
});
function init(obj){
    console.info(obj);
}
</script>

第二种方法（个人比较喜欢使用这种初始化,函数简洁）

<script type="text/javascript">
    $(function(){
        initFun("初始化方法进入");
    });
</script>

第三种方法

<script type="text/javascript">
    jQuery(function($){
        initFun("初始化方法进入");
    });
</script>

2、不使用jquery，在页面初始化

第一种：在body里面写onload初始化方法.

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

<script type="text/javascript">
    function init(){
         // 初始化内容       
    }
</script>

第二种：使用window的onload方法

<script type="text/javascript">
    window.onload=function(){ 
        // 初始化内容 
    }
</script>

继续阅读