js & jq 加载js

Posted 2020-08-06 安仲炜

最近做项目中, 经常要写js代码的, 从纯前端人员, 到我们这边的过度, 每个人写的风格都不一样, 大概整理了一下有这么几种

1.1 $(document).ready(function(){});

1.2 $(function(){});

2.1 $(window).load(function(){});

2.2 window.onload = function(){}

这四种方式 前三种都是jq的方法 最后一种是js的原生方法

在作用上 前两种完全一样, 后两种完全一样

一. 接下来从执行时间上分析这两组加载 

第一组代码会在DOM树完成加载之后就立即执行

第二组代码会在整个html页面全部加载完成后才会加载, 包括图片等资源文件

 

二. 内部代码的执行

$(document).ready(function(){});和$(function(){}); 可以在页面中写无数个, 他们将在jq的内部合并成为一个

$(window).load(function(){}); 和window.onload = function(){}在一个html文档页面只允许出现一次, 如果出现多次, 只能执行最后一个作用域中的代码