最近做项目中, 经常要写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文档页面只允许出现一次, 如果出现多次, 只能执行最后一个作用域中的代码