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:
• Easy Slide Show Code with Mouseover Pause
• JavaScript to Copy and Paste Text to the Clipboard
• Easy JavaScript Web Storage Code
• Calculators For Your Web Site : Length Units Converter
• Date Picker For Your Web Site
• Use JavaScript parseInt() and parseFloat() to Convert Strings to Numbers
• Easy JavaScript FileReader Code
• JavaScript Variable Scope
• Replace Drop-down with Drag-and-drop
• Java Script Code to Move Items Between Select Lists
| 
About BTH
User Agreement
Privacy
Site Map
Contact
News Feeds
RSS Feed
Follow @Stephen Bucaro
General Web Design
