1 .Chrome DevTools的Network面板中可以查看 DOMContentLoaded(蓝色字体) 和 load (红色字体)所用的时间,分别对应蓝色线与红色线。
2 .jQuery中的
$(document).ready()
等效于
$(function(){})
等效于
document.addEventListener(‘DOMContentLoaded’,function(){})
3 .$(window).load(function() {});监听的是 load 事件。
window.onload = function(){} 也是在页面完全载入后(包括图片、css文件等等)执行脚本代码。