window.onload和jQuery入口函数的区别:
window.onload事件是等到所有内容,以及我们的外部图片之类的文件都加载完了之后,才会去执行。jQuery的入口函数是在html所有标签都加载之后,才会去执行。
使用原声js模拟jQuery入口函数:
var iQuery = function(dom) {
return {
ready: function(func) {
//func();
// 1. document.onload 有没有被赋值(或者说有没有这个事件)
// 1. 有:接收一下旧的函数,然后先去调用新的函数,接着再调用旧的函数
// 2. 没有:直接赋 <script type="text/javascript">
if (typeof dom.onload === 'function') {
var oldFunc = dom.onload;
dom.onload = function() {
func();
oldFunc();
};
} else {
dom.onload = func;
}
}
};
};
iQuery(window).ready(function() {
alert('第一次调用');
});
iQuery(window).ready(function() {
alert('第二次调用');
});