JS-Code funktioniert nicht wegen der schlechten Platzierung

Ich bin neu in JavaScript.

Ich verstehe, dass eine globale Variable auf der ganzen Seite sichtbar sein sollte, aber das scheint nicht der Fall zu sein.

  • Wie kann ich den Titel einer Webseite dynamisch ändern?
  • Graf ul Tags, die Kinder sind
  • Javascript-Datei funktioniert nicht, wenn aus HTML verbunden
  • Wachsende Textbox basierend auf der Breite der Zeichen Eingabe
  • Für schleife funktioniert gut mit console.log aber nicht innerHTML?
  • GetElementById - Javascript
  • Im HTML-Kopf habe ich <script> -Tags, wo ich eine globale Variable definiert habe, aber diese Variable existiert nicht in den <script> -Tags im HTML-Body. Ich habe mit alert(varname==null) überprüft alert(varname==null) .

    Ich verstehe das nicht.

    Der Grund, warum der Code nicht zusammengestellt ist, ist für das Dokument, um das Laden zu beenden, so dass das Skript in der Lage ist, auf das zuzugreifen, auf dem es arbeitet. Gibt es einen üblichen Weg, dies zu tun?

    Es ist lächerlich, dass mein Code nicht an beiden Orten arbeiten kann – kann nicht in dem arbeiten, weil das <div> noch nicht geladen ist und nicht im <body> da die globale Variable nicht sichtbar ist!

    BEARBEITEN

    Ich habe meine globalen Variablen mit "var varname" definiert. Ohne ihnen einen Wert zu geben, anscheinend hat das nicht gezählt, sie zu definieren. Geänderte es zu var "varname = [];" Und jetzt funktioniert es. Die Initiierung zu null hat auch nicht funktioniert.

  • Weiterhin HTML-Eingabefelder ausblenden, wenn die Seite aktualisiert wird?
  • JavaScript "Counter" Objekt, was ist das?
  • Warum ist nicht das img src / Bild nach dem Klick wechseln?
  • Wie man Wert findet, ist im binären Baum vorhanden oder nicht
  • Wie kann ich eine SVG-Grafik dynamisch mit Javascript oder Jquery hinzufügen?
  • Bring Popup nach vorne bringen
  • One Solution collect form web for “JS-Code funktioniert nicht wegen der schlechten Platzierung”

    Wenn du einen Javascript-Code bei der Beendigung starten möchtest, ist eine bewährte Methode, eine Funktion zu machen, die in der Onload-Methode aufgerufen wird.

    HTML Quelltext

     <body onload="changediv('2');"> <div id="1">11111111111 1111111111111 111111111</div> <div id="2">222222c 2222222222222 22222222</div> <div id="3">23333333 3 333 3 3 3 3 3 33333 3</div> <div id="4">4444 4 4 44444 4 4 4 4444 </div> </body> 

    Javascript-Funktion

     function changediv(id){ var d = document.getElementById(id); d.style.color = "#ccc"; } 

    Hier hast du ein Beispiel auf JSBIN

    http://jsbin.com/ajawic/1/edit

    Auf diese Weise stellen Sie sicher, dass das Objekt vor dem Gebrauch existiert.

    Lassen Sie uns Javascript Schönheit und nützlich machen.