标签:function onload console 函数 入口 JS window var log
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>JS入口函数实现-避免覆盖</title>
<meta name="description" content="author:年少模样"/>
<script>
//问题:使用两个window.onload=function(){}时,后者会覆盖前者。
//例如:使用下面方式
// window.onload = function () {
// console.log(1);
// };
// window.onload = function () {
// console.log(2);
// };
//输出结果:2
//解决办法:编写入口函数
//例如:
var $ = function (dom) {
var obj = {
ready: function (func) {
if (typeof dom.onload === "function") {
var oldFunc = dom.onload;
dom.onload = function () {
func();
oldFunc();
}
} else {
dom.onload = func;
}
}
};
return obj;
};
//测试:
$(window).ready(function () {
var ps = document.querySelectorAll("p");
console.log("第一次调用结果:");
console.log(ps);
});
$(window).ready(function () {
var ps = document.querySelectorAll("p");
console.log("第二次调用结果:");
console.log(ps);
});
// 结果:
// 第二次调用结果:
// NodeList(3) [p, p, p]
// 第一次调用结果:
// NodeList(3) [p, p, p]
</script>
</head>
<body>
<p>1111111111</p>
<p>2222222222</p>
<p>3333333333</p>
</body>
</html>
标签:function,onload,console,函数,入口,JS,window,var,log 来源: https://www.cnblogs.com/leezon/p/10885353.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。