JavaScript Errors (Page 1 of 4 )
When last we spoke, we discussed the various Events in JavaScript. In this tutorial we will go over some of the errors that can occur and how to deal with them. I know, I know: how can any of your programs possibly fail when you have been taught by the JavaScript Ninja? Well, you can blame that on the good folks that create the various browsers.
Old Schooling it with the OnError Event
I believe we covered this briefly in our last series, but we will do so a little more in depth here. The OnError event occurs whenever there is a script error on the page. To use the event, you create a function to deal with the error. When the error occurs, the function is called by the Onerror event handler, which consists of three arguments: the error message (msg), the URL of the page where the error occurred (url), and the line where the error occurred (line). Here it is in code:
<html>
<head>
<script type="text/javascript">
onerror=handletheerror
var txt=""
function handletheerror(msg,url,l)
{
txt="An error has occurred.nn"
txt+="Error: " + msg + "n"
txt+="URL: " + url + "n"
txt+="Line: " + l + "nn"
txt+="Click OK to continue.nn"
alert(txt)
return true
}
function message()
{
adddblerto("Greetings!")
}
</script>
</head>
<body>
<input type="button" value="Click to trigger the error" onclick="message()" />
</body>
</html>
In the code above, we create a function named handletheerror that will occur when the Message function fails to work (note that this function fails to work because the adddblerto should actually be code for an alert, but has many typos; if you fixed the code, the onerror event would never occur). It triggers a pop-up box that tells you an error has occurred, the URL at which it occurred, and on which line in the code the error appears.
Note that when counting lines, JavaScript includes blank lines as well.

Next: Try...Catch >>
More JavaScript Articles
More By James Payne