Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Duddle" data-source="post: 2033165" data-attributes="member: 17775">AW: JS Problem beim ausgeben einfacher Inhalte aus externer JS-DateiHmm, ich habe nicht verstanden bei welcher Variante ein Problem aufgetreten ist. Lokal habe ich ausprobiert a) das Script inline in der HTML-Datei, b) extern eingebunden, sowie c) extern eingebunden aber mit innerHTML zu haben. Alle funktionieren wie erwartet. Aber wahrscheinlich schreibe ich intuitiv den Code und vermeide die Fehler. Deshalb wäre es gut wenn du noch mal dein Ziel genauer beschreibst.Als mögliche Fehlerquelle sehe ich das document.write(). Dieses ist etwas gemein, da es nur funktioniert wenn es tatsächlich beim Seitenaufbau aufgerufen wird. Schon beim Laden einer Seite wird die JS-Engine gestartet falls entsprechende Anweisungen kommen. Die write()-Funktion schreibt dabei an die aufrufende Stelle ihr Argument - aber nur falls die Seite noch &quot;offen&quot; ist, also noch nicht komplett geladen. Vergleich beide folgende Code-Auszüge:[HTML]&lt;body&gt;&nbsp; &nbsp; &lt;script type=&quot;text/javascript&quot; language=&quot;javascript&quot; charset=&quot;utf-8&quot;&gt;&nbsp; &nbsp; function w() {&nbsp; &nbsp; &nbsp; &nbsp; document.write(&quot;DOCUMENT WRITE&quot;);&nbsp; &nbsp; }&nbsp; &nbsp; w();&nbsp; &nbsp; &lt;/script&gt;&nbsp; &nbsp; &lt;h1&gt;Hello, World!&lt;/h1&gt;&nbsp; &nbsp; &lt;/body&gt;[/HTML]Hier wird w() schon beim Laden der Seite ausgeführt und dementsprechend funktioniert es wie erwartet.[HTML]&lt;body onload=&quot;w()&quot;&gt;&nbsp; &nbsp; &lt;script type=&quot;text/javascript&quot; language=&quot;javascript&quot; charset=&quot;utf-8&quot;&gt;&nbsp; &nbsp; function w() {&nbsp; &nbsp; &nbsp; &nbsp; document.write(&quot;DOCUMENT WRITE&quot;);&nbsp; &nbsp; }&nbsp; &nbsp; &lt;/script&gt;&nbsp; &nbsp; &lt;h1&gt;Hello, World!&lt;/h1&gt;&nbsp; &nbsp; &lt;/body&gt;[/HTML]Hier wird w() erst nach vollständigem Laden der Seite aufgerufen. Jetzt wird plötzlich alles im Dokument überschrieben, weil der Datenstrom der Datei schon geschlossen wurde.Das ist einer der Gründe, weshalb document.write() sehr selten benutzt wird. Du hast ja aber schon die bessere Variante gefunden. Jedes HTML-Element hat ein innerHTML-Attribut. Dieses kannst du frei ersetzen und auslesen, egal wann. Das etwas umgeschriebene Beispiel sähe dann so aus:[HTML]&lt;body onload=&quot;w()&quot;&gt;&nbsp; &nbsp; &lt;script type=&quot;text/javascript&quot; language=&quot;javascript&quot; charset=&quot;utf-8&quot;&gt;&nbsp; &nbsp; function w() {&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&quot;foobar&quot;).innerHTML = &quot;innerHTML und so weiter&quot;;&nbsp; &nbsp; }&nbsp; &nbsp; &lt;/script&gt;&nbsp; &nbsp; &lt;div id=&quot;foobar&quot;&gt;&lt;/div&gt;&nbsp; &nbsp; &lt;h1&gt;Hello, World!&lt;/h1&gt;&nbsp; &nbsp; &lt;/body&gt;[/HTML]Der zweite Hinweis für dich als Anfänger: leg dir <a href="http://getfirebug.com/" target="_blank">FireBug</a> zu, falls du Firefox benutzt. Das gibt dir eine sehr gute Fehlerkonsole und du kannst dir den Quelltext der Seite ganz genau anschauen (auch nach JS-basierten-Modifikationen).Duddle</blockquote>

[QUOTE="Duddle, post: 2033165, member: 17775"] [b]AW: JS Problem beim ausgeben einfacher Inhalte aus externer JS-Datei[/b] Hmm, ich habe nicht verstanden bei welcher Variante ein Problem aufgetreten ist. Lokal habe ich ausprobiert a) das Script inline in der HTML-Datei, b) extern eingebunden, sowie c) extern eingebunden aber mit innerHTML zu haben. Alle funktionieren wie erwartet. Aber wahrscheinlich schreibe ich intuitiv den Code und vermeide die Fehler. Deshalb wäre es gut wenn du noch mal dein Ziel genauer beschreibst. Als mögliche Fehlerquelle sehe ich das document.write(). Dieses ist etwas gemein, da es nur funktioniert wenn es tatsächlich beim Seitenaufbau aufgerufen wird. Schon beim Laden einer Seite wird die JS-Engine gestartet falls entsprechende Anweisungen kommen. Die write()-Funktion schreibt dabei an die aufrufende Stelle ihr Argument - aber nur falls die Seite noch "offen" ist, also noch nicht komplett geladen. Vergleich beide folgende Code-Auszüge: [HTML] <body> <script type="text/javascript" language="javascript" charset="utf-8"> function w() { document.write("DOCUMENT WRITE"); } w(); </script> <h1>Hello, World!</h1> </body> [/HTML] Hier wird w() schon beim Laden der Seite ausgeführt und dementsprechend funktioniert es wie erwartet. [HTML] <body onload="w()"> <script type="text/javascript" language="javascript" charset="utf-8"> function w() { document.write("DOCUMENT WRITE"); } </script> <h1>Hello, World!</h1> </body> [/HTML] Hier wird w() erst nach vollständigem Laden der Seite aufgerufen. Jetzt wird plötzlich alles im Dokument überschrieben, weil der Datenstrom der Datei schon geschlossen wurde. Das ist einer der Gründe, weshalb document.write() sehr selten benutzt wird. Du hast ja aber schon die bessere Variante gefunden. Jedes HTML-Element hat ein innerHTML-Attribut. Dieses kannst du frei ersetzen und auslesen, egal wann. Das etwas umgeschriebene Beispiel sähe dann so aus: [HTML] <body onload="w()"> <script type="text/javascript" language="javascript" charset="utf-8"> function w() { document.getElementById("foobar").innerHTML = "innerHTML und so weiter"; } </script> <div id="foobar"></div> <h1>Hello, World!</h1> </body> [/HTML] Der zweite Hinweis für dich als Anfänger: leg dir [URL="http://getfirebug.com/"]FireBug[/URL] zu, falls du Firefox benutzt. Das gibt dir eine sehr gute Fehlerkonsole und du kannst dir den Quelltext der Seite ganz genau anschauen (auch nach JS-basierten-Modifikationen). Duddle [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?