Read url and output new javascript src

Question

So essentially on page load I want to do the following:

<script>
    $(document).ready(function () {
        if (document.location.hostname == "somemachine.poc") {
            var fileref = document.createElement('script')
            fileref.setAttribute("type", "text/javascript")
            fileref.setAttribute("src", "myscript.js")
        }
    });
</script>

In theory and practice is this correct? for some reason I put it on my page and it doesn't work as expected, and doesn't even show up in the source of the page.

So what I will end up doing is checking for several domains, dependent on which domain a different src for the .js will load.

UPDATE

The answers below helped me fix the issue, I have a new issue which follows on naturally from this question which can be found here: Losing entire page DOM running javascript

The ready function doesn't run until the dom is completely ready. It won't be in the page source because it is loaded after the fact. If you use a tool like firebug to inspect your code you would see the changes if there are no errors. — Jared
– Jared, Commented Jun 7, 2012 at 13:00
I think you can use $.getScript here. Even so, can't you get the server to send a script based on the domain? — Eric
– Eric, Commented Jun 7, 2012 at 13:01

Quentin · Accepted Answer · 2012-06-07 13:00:43Z

1

You have to add the script to the document.

document.body.appendChild(fileref);

It still won't show up in the source though. The DOM, as modified by JS, is not the source. You would have to use a DOM viewer to see it (e.g. Chrome Developer Tools or Opera Dragonfly).

answered Jun 7, 2012 at 13:00

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Fabrizio Calderan · Accepted Answer · 2012-06-07 13:01:01Z

1

you should also inject your script element in the document, e.g.

document.body.appendChild(fileref);

creating element only is not enough to make it run as far as it's not appended as part of the DOM

answered Jun 7, 2012 at 13:01

Fabrizio Calderan

124k26 gold badges171 silver badges183 bronze badges

Comments

punkrockbuddyholly · Accepted Answer · 2012-06-07 13:01:44Z

1

Not sure what you're trying to do but you never actually add the <script> element to the DOM in the code you provided. You would need to do something like:

document.getElementByTagName("head")[0].appendChild(fileRef);

answered Jun 7, 2012 at 13:01

punkrockbuddyholly

9,8147 gold badges41 silver badges72 bronze badges

Collectives™ on Stack Overflow

Read url and output new javascript src

UPDATE

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

UPDATE

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related