html javascript loading external scripts

Question

I am trying to dynamically add an external script tag to my html as follows:

html

<html>
        <head>
                <script src="js/load-scripts.js"></script>
        </head>
        <body>
            <form>
                Load scripts NOW!!<br/>
                <input type="text" onclick="downScripts(); testCall();" value="Click to Load scripts and test" />
            </form>
        </body>
    </html>

load-scripts.js

function downScripts() {
    var element = document.createElement("SCRIPT");
    element.src = "js/try-catch.js";
    element.defer = false;
    console.log(element);
    document.body.appendChild(element);
 }

When I click on the button, the js/try-catch.js file gets added to the Sources in chrome dev tools, but when I try to call one function from try-catch.js - which is defined in try-catch.js (like testCall() below)

try-catch.js

function testCall() {
    alert('scripts imported from try catch js external');
}

If the external javascript has been added (i see it in developer tools), why am i not able to call one of it's functions- I get this error: Uncaught ReferenceError: testCall is not defined

I mean instead of onclick attribute use addEventListener.... and obviously you can do it with jquery method too @Prabhas... — Bhojendra Rauniyar
– Bhojendra Rauniyar, Commented Feb 13, 2015 at 9:28
I think your external javascript doesn't load properly. First answer for this question can help you: stackoverflow.com/questions/14897849/… — hamed
– hamed, Commented Feb 13, 2015 at 9:30

Thevs · Accepted Answer · 2015-02-13 23:06:27Z

0

The testCall function is called earlier than try-catch.js is loaded.

answered Feb 13, 2015 at 23:06

Thevs

3,2412 gold badges22 silver badges32 bronze badges

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

Collectives™ on Stack Overflow

html javascript loading external scripts

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related