CODEWITHSUNDEEP
javascriptdomdom-eventsonload
Kenneth J
Kenneth J

Reputation: 4896

Capturing onload event when dynamically loading .js files?

Is there a capture the onload event when dynamically adding a script tag with JavaScript in IE?

The code below works in FireFox and Chrome but not in IE:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
</head>
<body>

</body>
</html>
<script type="text/javascript" language="javascript">

    var elemScript = document.createElement("script");
    elemScript.onload = function() {
        $("body").html("<div>jQuery Loaded !</div>");
    };
    elemScript.type = "text/javascript";
    elemScript.src = "script/jquery.js";

    document.getElementsByTagName("head")[0].appendChild(elemScript);

</script>

Upvotes: 2

Views: 2741

Answers (1)

Annie
Annie

Reputation: 6631

Script tags in IE have use the onreadystatechange event instead of onload: http://unixpapa.com/js/dyna.html

Upvotes: 3

Related Questions