ansaurus

Question

Answer 1

+4 A:

It looks like you tried to shortcut your code by calling createElement and setAttribute all on 1 line, but setAttribute doesn't return anything, so you can't go calling appendChild on it's return value, because there is none.This will fix it:

NS.load = function(src) {
    var script = document.createElement("script");
    script.setAttribute("src", src)
    document.getElementsByTagName("head")[0].appendChild(script);
}

Edit:

What sort of environment are you running your code in? Is something happening cross-site or are you defining qux inside of another function? The following works for me, running the files via http://localhost/test.html

<html>
<head>
    <script type="text/javascript">
        load = function(src) {
            var script = document.createElement("script");
            script.setAttribute("src", src);
            document.getElementsByTagName("head")[0].appendChild(script);
        }
        var qux = {name: "name"};
        load("foo.js");
    </script>
</head>
<body></body>
</html>

foo.js:

alert(qux.name);

I get an alert with "name" when the page loads.

Langdon 2010-01-11 12:41:26

Thanks Langdon. Actually original code is same with yours. I cut it for brevity. But I didn't know setAttribute() return value. It is good to learn this.

jsonx 2010-01-11 13:14:14

jsonx, check my edit.

Langdon 2010-01-11 13:34:37

Your code is working. "What sort of environment are you running your code in?" This is the question and answer. Now I got it. Actually my loader code is in jQuery's ready method, thereby I have to bind variables to window object to reach other modules.Thanks Langdon.

jsonx 2010-01-11 15:28:23

ansaurus

tags:

views:

answers:

javascript require/include

related questions