javascript - 请问为什么这个补零函数为什么要放window.onload外面?
问题描述
<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Document</title></head><body style='background: black;color: #fff;font-size: 58px;'> <img src='https://www.haobala.com/wenda/img/0.png' /> <img src='https://www.haobala.com/wenda/img/0.png' /> : <img src='https://www.haobala.com/wenda/img/0.png' /> <img src='https://www.haobala.com/wenda/img/0.png' /> : <img src='https://www.haobala.com/wenda/img/0.png' /> <img src='https://www.haobala.com/wenda/img/0.png' /> <script>function bul(n){ if(n<10) {return '0'+n; } else {return ''+n; }}window.onload=function(){ var aImg = document.getElementsByTagName(’img’); var tell; tell=setInterval(function(){var myDate = new Date();var str = bul(myDate.getHours())+bul(myDate.getMinutes())+bul(myDate.getSeconds());for(var i=0;i<aImg.length;i++){ aImg[i].src = 'https://www.haobala.com/wenda/img/'+str[i]+'.png';}},500)tell();} </script></body></html>
小白不太明白其中的道理,求各位前辈详细解释一下。感谢。
问题解答
回答1:作用域问题、放在外面、无论你是window.onload、window.onunload 都可以使用
放在window.onload的代码只是为了保证页面加载完毕、保证节点确实存在、不会选不到节点
而你那种对数字操作的方法、没有节点操作、放在里外都可以
回答2:window.onload 事件是页面完全加载完的时候执行
$(function(){ }) 是等页面上的标签加载完了就执行
回答3:里面外面都可以,放外面可以共用,放里面只能在onload事件内部用。
相关文章:
1. android - webview 自定义加载进度条2. angular.js - Web应用,单页面应用Cache问题3. position:absolute、float、display:inline-block 都能实现相同效果,区别是什么?4. angular.js - angular post的Content-Type被设置,导致不能上传图片,求助!!5. css3 - 这个效果用 CSS 可以实现吗?border-image6. mac连接阿里云docker集群,已经卡了2天了,求问?7. vue.js - vue 打包后 nginx 服务端API请求跨域问题无法解决。8. android - 如何缩小APK的体积9. docker-compose 为何找不到配置文件?10. javascript - vue更改当前节点元素

网公网安备