js的window.onload和jquery document.ready()的区别

window.onload=function(){}是在dom文档树加载完和所有文件加载完之后执行一个函数；

jquery的$(document).ready(function(){})简写为：$(function(){})是在dom文档树加载完就执行这个函数。

显然，jquery的是比window.onload先执行的;

区别在于，onload还要等待图片等资源载入完成，才会执行;.read只需要等dom文档树结构加载完成就可以了！

另：css代码写在head里，有利于加速网页的渲染；

<pre name="code" class="html" style="font-size: 15px; line-height: 24px;"> document.ready(function () {
            alert('ready');

        });

window.onload = function () {
            alert('onload');

        };

       

不妨验证一下执行顺序！