简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - Warum sollte diese Nullauffüllfunktion außerhalb von window.onload platziert werden?
三叔
三叔 2017-07-05 10:45:30
0
3
826
<!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>

Xiaobai versteht die Begründung nicht ganz, bitte bitten Sie die Senioren, sie im Detail zu erklären. dankbar.

三叔
三叔

Antworte allen(3)
黄舟
黄舟2017-07-05 10:47:30 3 Etage

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

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

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

Wie +0
Antwort hinzufügen
学霸
学霸2017-07-05 10:47:30 2 Etage

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

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

Wie +0
Antwort hinzufügen
淡淡烟草味
淡淡烟草味2017-07-05 10:47:30 1 Etage

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

Wie +0
Antwort hinzufügen
Beliebte Themen
Mehr>
Populäre Artikel
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！