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:
• How to Shuffle the Deck With Java Script
• Where Did the User Click?
• Date Picker For Your Web Site
• How to Disable the Browser Back Button
• Java Script Message Boxes
• Easy Code for Date Count Down
• Disable IE8 Accelerators on Your Website
• Easy Slide Show Code With Linked Slides
• Java Script to Dynamically Add, Remove, and Change Items in a Select List
• HTML5 Canvas JavaScript Code to a Draw Bezier Curve
| 
About BTH
User Agreement
Privacy
Site Map
Contact
News Feeds
RSS Feed
Follow @Stephen Bucaro
General Web Design
