Home/ Questions/Q 568157
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T13:09:33+00:00

I wrote a script like that: NS.load = function(src) { var script = document.createElement(script).setAttribute(src,

  • 0

I wrote a script like that:

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

It loads files but I can’t reach functions and variables defiened in other files. 

//js/main.js
var qux = {name: "name"};
NS.load("js/foo.js");

//js/foo.js
alert(qux.name); //undefined variable

But if I define qux like this:

window.qux = {name: "name"};

I can reach qux variable in other modules. As far as I know all globals are already a member of window object. So why I have to define variables like this. Could you offer another method?

Thanks.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    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.

    • 0