Dynamically added Javascript won't reload

Question

I have a web page with a Javascript file added dynamically. After changing the script (adding allert or smth like this) I reload the page, and push a trigger button for adding the script, but the browser uses the old one (chached). Tried it in chrome and IE. Other scripts (that are not added dynamically) reload well.

Here is the function that loads the script:

function addScript (s)
{
    script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = s;
    document.getElementsByTagName('head')[0].appendChild(script);
    script.onload=function () 
    {
        switch (s)
        {
            case 'some address':
                 functionInTheNewFile(); break; 
            default: break; 
        }
    };
}

What is wrong here?

Eval - Do an eval on the new JavaScript code for them to be "recognize" by the browser. — DashK
– DashK, Commented Feb 23, 2011 at 11:21

Tom Gullen · Accepted Answer · 2011-02-23 11:30:28Z

2

If it is an external script caching, append the current date and time to the end of the script. IE:

var nowDate = new Date();
script.src = s + "?nocache=" + nowDate.getTime();

edited Feb 23, 2011 at 11:30

answered Feb 23, 2011 at 11:22

Tom Gullen

62k89 gold badges294 silver badges472 bronze badges

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

1 Comment

Andy Over a year ago

you're attaching the string representation of the Date() object - should be nowDate.getTime() or urlencoded

Struppi · Accepted Answer · 2011-02-23 11:24:15Z

0

IE do not fire the load event, you have to use attachEvent instead. And always add the eventlistener before you locate the script.

script = document.createElement('script');
script.type = 'text/javascript';
if(script.attachEvent) {
script.attachEvent('onreadystatechange', callback);
} else {
    script.onload = callback;
}
script.src = s;

answered Feb 23, 2011 at 11:24

Struppi

1657 bronze badges

1 Comment

lvil Over a year ago

maybe you know why IE has the error object is expected here: functionInTheNewFile(); break; Though it begins performing parts of the function

Collectives™ on Stack Overflow

Dynamically added Javascript won't reload

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related