Question

I am trying to load a java script file from another server to my web page using java script code document.write method. like,

document.write("<script type='text/javascript' src='http://www.mydomain.com/js/myscript.js'></script>");

But the respective path does not has the myscript.js so its throw 404 File not found error in browser error console.

How can I predict and avoid this kind of errors?

If possible to predict the error, I will display alternative message instead of calling missed js file functions.

Answer 1

Use JavaScript to load script:

function onReadyState() {
    console.error("Unable to load file: "+ this.src + ". Please check the file name and parh.");
    return false;
}  

function addJS(path){
    var e = document.createElement("script");
    e.onerror  = onReadyState;
    e.src = path;
    e.type = "text/javascript";
    document.getElementsByTagName('head')[0].appendChild(e);
}

addJS('http://www.mydomain.com/js/myscript.js');