Welcome
Login / Register

JavaScript window onerror event

You need to have the Flash Player installed and a browser with JavaScript support.

Thanks! Share it with your friends!

URL

You disliked this video. Thanks for the feedback!

URL


Published by Admin in Java Script
1,809 Views

Description

Link for all dot net and sql server video tutorial playlists
http://www.youtube.com/user/kudvenkat/playlists

Link for slides, code samples and text version of the video
http://csharp-video-tutorials.blogspot.com/2015/01/javascript-windowonerror-event.html

In general we use try/catch statement to catch errors in JavaScript. If an error is raised by a statement that is not inside a try...catch block, the onerror event is fired.

Assign a function to window.onerror event that you want to be executed when an error is raised as shown below. The function that is associated as the event handler for the onerror event has three parameters:

message Specifies the error message.
URL Specifies the location of the file where the error occurred.
line Specifies the line number where the error occurred.

JavaScript window onerror event example

window.onerror = function (message, url, line)
{
alert("Message : " + message + "\nURL : " + url + "\nLine Number : " + line);
// Return true to supress the browser error messages (like in older versions of Internet Explorer)
return true;
}

NonExistingFunction();

If the error is handled by a try/catch statement, then the onerror event is not raised. onerror event is raised only when there is an unhandled exception.
window.onerror = function (message, url, line)
{
alert("Message : " + message + "\nURL : " + url + "\nLine Number : " + line);
// Return true to supress the browser error messages (like in older versions of Internet Explorer)
return true;
}

try
{
NonExistingFunction();
}
catch (e)
{
document.write(e.message);
}

Output : 'NonExistingFunction' is undefined

onerror event handler method can also be used with HTML elements : In the example below, since the image is not existing and cannot be found we get "There is a problem loading the image" error.
[script type="text/javascript"]
function imageErrorHandler()
{
alert("There is a problem loading the image");
}
[/script]
[img src="NonExistingImage.jpg" onerror="imageErrorHandler()" /]

Show more

Post your comment

Comments

Be the first to comment