Including Special Characters in a JavaScript String
By Stephen Bucaro
In JavaScript you define a string by placing its characters within double quotes (").
So what if you want to use double quote characters within the string? There are several
characters that can cause problems when included in a string. These include double
quotes and back slashes (\). Those, and are certain control characters can be
included in a string if they are escaped.
An escaped character is preceded with a back slash, for example /" is the
escaped character code for a double quote. Shown below is the assignment of a string
variable that contains double quotes.
var strCat = "\"If you don't know where you're going, any road will get you there\", said Cheshire cat."
| Character | Description |
| \" | double quote |
| \' | single quote |
| \\ | back slash |
| \n | new line |
| \r | carraiage return |
| \t | tab |
You can define a string by placing its characters within single quotes instead of
double quotes, then you are permitted to include double quotes within the string, but
then any single quotes within the string will need to be escaped.
<script>
alert("This string contains a \n new line character.");
</script>
When the string is the output of a JavaScript element such as an alert box, use \n
to create a new line. When the string output is to an HTML page, use the line break tag <br />.
Since an html page is required to flow, it does not have tab stops, so the tab character \t
will not work. If you need spaces, use one or more (non-breaking space) character
codes, but they you will not be able to hold column positions. You might be trying to do
something that requires a table.
More Java Script Code:
• Disable IE8 Accelerators on Your Website
• Easy JavaScript Form Design
• Java Script Code for Directory File List
• Easy Code for Animated Banner - Squeeze Text
• Easy Slide Show Code With Linked Slides
• Submit Forms Without CGI
• Easy Java Script Code to Fill Array With Random Numbers
• HTML5 Canvas Drag-and-Drop
• JavaScript Code to Restrict Keyboard Entries
• Web Site Menus : Which Section Am I In?
| 
About BTH
User Agreement
Privacy
Site Map
Contact
News Feeds
RSS Feed
Follow @Stephen Bucaro
General Web Design
