JavaScript Try Catch

JavaScript Catching Errors

When browsing Web pages on the internet, we all have seen a JavaScript alert box telling us there is a runtime error and asking "Do you wish to debug?". Error message like this may be useful for developers but not for users. When users see errors, they often leave the Web page.

This chapter will teach you how to catch and handle JavaScript error messages, so you don't lose your audience.

The try catch Statement

The try...catch statement allows you to test a block of code for errors. The try block contains the code to be run, and the catch block contains the code to be executed if an error occurs.

Syntax

try
{
//Run some code here
}
catch(err)
{
//Handle errors here
}

Note that try...catch is written in lowercase letters. Using uppercase letters will generate a JavaScript error!

Examples:

<html>

<head>

<script type="text/javascript">

var txt="";

function message()

{

try

  {

  adddlert("Welcome guest!");

  }

catch(err)

  {

  txt="There was an error on this page.\\n\\n";

  txt+="Error description: " + err.description + "\\n\\n";

  txt+="Click OK to continue.\\n\\n";

  alert(txt);

  }

}

</script>

</head>



<body>

<input type="button" value="View message" onclick="message()" />

</body>



</html>

The next example uses a confirm box to display a custom message telling users they can click OK to continue viewing the page or click Cancel to go to the homepage. If the confirm method returns false, the user clicked Cancel, and the code redirects the user. If the confirm method returns true, the code does nothing:

JavaScript Try Catch

JavaScript Catching Errors

The try catch Statement

Syntax

Web Tutorials