js jq入口函数

js入口函数

window.onload=function(){

}                  !!!!!必须要写  将你所有的js语句写在里面   目的是为了先加载页面再进行js；

---

window.onload=function(ev){
        var img=document.getElementsByTagName("img")[0];
        console.log(img);
        //获取宽度 高度
        var width=window.getComputedStyle(img).width;
        console.log(width);
    }

jq入口函数

函数1

$(function(){
    });

---

函数2

$(document).ready(function(){
    });//一旦dom结构渲染完毕即可执行内部代码。

---

$(document).ready(function (ev){
        var $img=$("img");
        console.log($img);
        var $width=$img.width();
        console.log($width);
    });

总结

区别1：jQuery入口函数可以书写多次，window.onload只能书写一次；
区别2：执行的时机不同，jQuery的入口，一旦我dom结构渲染完毕即可执行内部代码，不必等到所有外部资源加载完成；window.onload 的是等页面文档、外部的js文件、css文件、图片加载完毕才执行内部代码。

一、原生Js和jQuery入口函数加载模式不同。

1、原生Js会等到DOM元素加载完毕，并且图片也加载完毕才会执行；

2、jQuery会等到DOM元素加载完毕，但不会等到图片加载完毕就会执行。

二、编写多个入口函数的区别。

1、原生Js如果编写多个入口函数，后面编写的会覆盖前面编写的；

2、JQuery中编写多个入口函数，后面的不会覆盖前面的。