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!');

}