您的位置：首页 > Web前端 > JQuery

jQuery.ready()函数仿写，与window.onload的区别

2017-07-13 09:47 232 查看

window.onload和jquery的入口函数的区别：

js的window.onload是等所有资源（css，js，图片之类的文件）加载完成后，才执行。

jquery的入口函数是在html文档准备就绪（dom树加载完成后），去执行。

window.onload 事件会有覆盖现象，jquery进行了封装，不会覆盖

jquery的入口函数写法：

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

$(function(){...})

jquery的入口函数仿写：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>模拟jquery入口函数</title>
</head>
<body>

<script>
//window.onload 事件会有覆盖现象，jquery进行了封装，不会覆盖
var iQuery = function(dom){
var obj ={
ready : function(func){
//首先判断doucument.onload事件是否有
//1.有：重新赋值：先调用新函数，在调用旧函数，
if(typeof dom.onload === "function"){
var oldFunc = dom.onload;
dom.onload = function(){
func();
oldFunc();
}
}
//2.没有，直接赋值
else{
dom.onload = func;
}
}
};
return obj;
}
iQuery(window).ready(function(){
console.log("第一次调用");
});
iQuery(window).ready(function(){
console.log("第二次调用");
})
iQuery(window).ready(function(){
console.log("第三次调用");
})
</script>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航