I have a HTML page into which I want to import a JS file as follow:

<script src="file.js" type="text/javascript" charset="utf-8"></script>

But in case this file fails to run its scripts, the whole page obviously gets stuck.

Can I import that file inside of a try-catch block?

I have a HTML page into which I want to import a JS file as follow:

<script src="file.js" type="text/javascript" charset="utf-8"></script>

But in case this file fails to run its scripts, the whole page obviously gets stuck.

Can I import that file inside of a try-catch block?

• javascript
• html
• try-catch

• Fixed your formatting - you might want to check that what I fixed it to is what you're actually doing. – Eric Commented Aug 26, 2012 at 13:24
• Where is it imported? In the head? Try moving it in front of the closing body tag. – DanMan Commented Aug 26, 2012 at 13:35

3 Answers 3

You can listen for an error (see this)

// make a script
var s = document.createElement('script');
// set it up
s.setAttribute('src',"file.js");
s.setAttribute('type',"text/javascript");
s.setAttribute('charset',"utf-8");
s.addEventListener('error', errorfunction, false);
// add to DOM
document.head.appendChild(s);

then in errorfunction, find out what happened & try to fix it as you would in a catch

You can use AJAX. This assumes you have jQuery, but you can easily avoid using it (here you can find one of many tutorials). Here's an example:

$.get("http://yoursite./file.js", function(data) {
    try {
       eval(data); //Run the JavaScript, which is equivalent to adding it
    }
    catch (err) {
       //handle errors
    }
});

Hope that helped in any manner!

You can try something like that or create JS element and set src inside this element

document.write("<script src=\"file.js\" type=\"text/javascript\" charset=\"utf-8\"></script>");