window.onload不能正常执行

第一天的需求写了一个window.onload ，可以正常执行，第二天加了一个类似的需求，为了分开各个功能，我copy了前一天的代码，完成了功能，没有进行测试，直接上线，导致原来的代码无法运行，就像下面的代码一样

<script>// 第一天写的代码window.onload = function () {console.log("window.onload1");};// 第二天加的需求window.onload = function () {console.log("window.onload2");};
</script>

控制台只能打印

window.onload2

两次赋值window.onload ，第一次的值被第二次的值给覆盖了，所以第一个函数并没有执行

正确的写法应该是

<script>function func1() {console.log("window.onload1");}function func2() {console.log("window.onload2");}//   只能有一个`window.onload`window.onload = function () {func1();func2();};
</script>

可以得到期望的输出

window.onload1
window.onload2

window.onload不能正常执行相关推荐

jquery中的ready函数与window.onload谁先执行
关于$(document).ready(): jquery中的$(document).ready(),那$(document).ready()到底是什么作用呢?是不是可以用window.onload ...
window.onload 函数不执行处理
Google Chrome window.onload = function(){} 函数不执行处理 function pageOnLoad(){} window.onload = pageOnL ...
$(document).ready()和window.onload之间的差异
最近使用$(document).ready(function(){})遇到一个问题:加载页面后发送数据请求后台,得到的数据不对,后发现请求后台时,发送的数据为空,没有获取到值导致的.------改成w ...
window.onload与document.ready的区别
1. window.onload必须等到网页中所有的内容加载完(包含图片)才执行 document.ready网页中所有DOM结构绘制完执行,可能DOM并没有加载完所有document.ready比 ...
window.onload 与 jq的$(function(){})区别
遇到一个这样的问题:当页面加载时,进行数据ajax调取,则使用了Windows.onload进行加载,则页面进入的时候会加载缓慢或者直接就加载不上. 示例如下: window.onload = fu ...
window.onload()方法和window.onscroll()方法
也许你想成为太阳,可你却只是一颗星辰:也许你想成为大树,可你却是一棵小草.于是,你有些自卑.其实,你和别人一样,也是一片风景:做不了太阳,就做星辰,在自己的星座发光发热:做不了大树,就做小草,以自己的 ...
window.onload与body.onload
这两个都是在页面加载后运行.执行顺序和在代码中的位置有关,也和window.onload后面的函数是否匿名有关. 1.如果window.onload是在body里定义的,也就是在body onload ...
原生js的attachEvent和addEventListener解决window.onload在一个页面只能执行一次的问题
原生js的attachEvent和addEventListener解决window.onload在一个页面只能执行一次的问题参考文章: (1)原生js的attachEvent和addEventLis ...
window.onload 不执行
直接把window.onload这个换成$(document).ready 两者区别 ready 事件的触发,表示文档结构已经加载完成(不包含图片等非文字媒体文件).onload 事件的触发,表示页面 ...

window.onload不能正常执行

window.onload不能正常执行相关推荐

最新文章

热门文章