简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - 请问为什么这个补零函数为什么要放window.onload外面？
三叔
三叔 2017-07-05 10:45:30
0
3
800
<!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="img/0.png" />
    <img src="img/0.png" />
    :
    <img src="img/0.png" />
    <img src="img/0.png" />
    :
    <img src="img/0.png" />
    <img src="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 = "img/"+str[i]+".png";
                }    
            },500)
            
            tell();
        }

    </script>
</body>
</html>

小白不太明白其中的道理，求各位前辈详细解释一下。感谢。

三叔
三叔

全部回复(3)
黄舟
黄舟2017-07-05 10:47:30 3 楼

作用域问题、放在外面、无论你是window.onload、window.onunload 都可以使用

放在window.onload的代码只是为了保证页面加载完毕、保证节点确实存在、不会选不到节点

而你那种对数字操作的方法、没有节点操作、放在里外都可以

点赞 +0
添加回复
学霸
学霸2017-07-05 10:47:30 2 楼

window.onload 事件是页面完全加载完的时候执行

$(function(){ }) 是等页面上的标签加载完了就执行

点赞 +0
添加回复
淡淡烟草味
淡淡烟草味2017-07-05 10:47:30 1 楼

里面外面都可以，放外面可以共用，放里面只能在onload事件内部用。

点赞 +0
添加回复
热门专题
更多>
热门文章
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！