Too Cool for Internet Explorer

Dynamisches Laden von JavaScript



Externe JavaScript Dateien können nachträglich geladen werden, indem man mittels document.createElement ein neues 'script' Element anlegt und diesem die externe JavaScript Datei im src Attribut zuweist. Ich habe das ganze mit Firefox 1.0.2 und Opera 8 unter Linux sowie mit dem IE 6.0.x unter Windows 2000 getestet:

test.html

<html>
<script language="javascript">
function create() {

var js = document.createElement('script');

js.src = 'test.js';
document.body.appendChild(js);

document.getElementById('new').innerHTML = '<input type="button" value="click!" onclick="hello()" />';

}
</script>

<body>

<div>

<input type="button" value="create" onclick="create()" />

</div>

<div id="new">
</div>

</body>
</html>

test.js

function hello() {

alert('hello world!');

}



Trackbacks

Keine Trackbacks

Kommentare
Ansicht der Kommentare: (Linear | Verschachtelt)

Das funktioniert so aber nur, weil eine "automatische Pause" - bis zum Betägigen des Buttons - eingebaut ist, in der das Script nachgeladen werden kann. Näheres dazu hier:

http://www.ajax-community.de/loesungen/3324-javascript-nachgeladenem-html-ausgefuehrt.html#post16390
#1 Jörg Siebrands (Link) am 19.06.2009 13:59 (Reply)


Kommentar schreiben

Umschließende Sterne heben ein Wort hervor (*wort*), per _wort_ kann ein Wort unterstrichen werden.
Standard-Text Smilies wie :-) und ;-) werden zu Bildern konvertiert.

Um maschinelle und automatische Übertragung von Spamkommentaren zu verhindern, bitte die Zeichenfolge im dargestellten Bild in der Eingabemaske eintragen. Nur wenn die Zeichenfolge richtig eingegeben wurde, kann der Kommentar angenommen werden. Bitte beachten Sie, dass Ihr Browser Cookies unterstützen muss, um dieses Verfahren anzuwenden.
CAPTCHA