ansaurus

Question

Cannot include a javascript file from an external javascript file in IE6

Answer 1

A:

Append it to the body then. Javascript doesn't have to go exclusively in the <head> of your document.

Erik 2010-01-06 14:50:18

If you append to the body, the error still occurs in IE6 and introduces the problem to IE7.

Ben 2010-01-06 14:51:44

You've having another problem then, I just tested your script by including a script that has alert('hi'); in IE6 works fine.

Erik 2010-01-06 14:54:04

Erik: I'm able to replicate the problem as he described

Justin Searls 2010-01-06 15:11:27

Answer 2

A:

Consider using a library like jQuery and then just use the equivalent (if not using jQuery) of getScript. This will handle cross-browser quirks and inconsistencies for the most part.

thenduks 2010-01-06 14:50:53

We are using a vendor solution and we can't edit the source. What we are trying to load dynamically is JQuery

Ben 2010-01-06 14:53:58

Answer 3

A:

I think it's because IE6 doesn't support getElementsByTagName(), try replacing it with document.body.

ZippyV 2010-01-06 15:28:07

Answer 4

+2 A:

It depends when you add it to the head DOM element. Operation aborted occurs in all versions of IE because you're trying to modify a DOM element via JavaScript before that DOM element has finished loading, http://support.microsoft.com/default.aspx/kb/927917.

If you need this script loaded right away, you could do an old school document.write to add the script tag, e.g.

<head>
      <script>document.write('<script src='yourUrl.js'><\/scr'+'ipt>');</script>
</head>

Otherwise call your function in the body onload via plain old JavaScript or via a framework like jQuery a la document.ready.

nickyt 2010-01-07 19:47:43

Answer 5

A:

I steal from the jQuery source:

var head = document.getElementsByTagName("head")[0];
var script = document.createElement("script");
script.src = s.url;
// Attach handlers for all browsers
script.onload = script.onreadystatechange = function(){
    if ( !done && (!this.readyState ||
            this.readyState == "loaded" || this.readyState == "complete") ) {
        done = true;
        success();
        complete();
        // Handle memory leak in IE
        script.onload = script.onreadystatechange = null;
        head.removeChild( script );
    }
};

head.appendChild(script);

cobbal 2010-01-07 19:57:28

ansaurus

tags:

views:

answers:

Cannot include a javascript file from an external javascript file in IE6

related questions