简体中文(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
797
<!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學習者快速成長！