Till startsidan för Jonas Webresurs! JavaScript-skolan
Escape-tecken
JavaScript-skolan
1. Inledning
2. Vad är ett escape-tecken?
3. Vilka escape-tecken finns?
4. Övningar

Obs!
Alla exempel och facituppgifter öppnas i ett nytt fönster!

1. Inledning

Här och var på min webresurs har jag pratat om escape-tecken, bl.a på sidorna om Html, Xml och Css. Här skall jag ta upp hur escape-tecknen fungerar i JavaScript.

2. Vad är ett escape-tecken?

Escape-tecken kallas ibland för skiftningstecken och i vissa sammanhang för jokertecken. De ser olika ut och används lite olika, beroende på vad det är man vill göra. I JavaScript används escape-tecknen främst för att

  • hindra tecken från att visas
  • hindra att vissa tecken från att tolkas
  • få vissa tecken att visas
  • skapa formateringar

Det första och andra sättet innebär t.ex att man använder // för att lägga in kommentarer i ett script. Det berättade jag om på de första sidorna. För längre kommentarer använde vi /* och */. Det fungerar ju också i stilmallar. I andra sammanhang motsvaras dessa tecken av <!-- och -->.

Ett exempel ser ut så här:

alert("Hej!"); //Detta är en kommentar

I JavaScript kan man också använda escape-tecken för att kunna visa citationstecken i ett script. Detta inbegriper alltså den andra och tredje punkten i listan:

alert("\"Hej!\" sade Mats");

Genom att använda escape-tecknet \" tolkas inte " som ett slut på strängen, utan visas i stället som en del av den.

På liknande sätt används escape-tecken för att skapa formateringar:

alert("\"Hej!\" sade Mats och fortsatte:\n\"Jag älskar våren!\"");

I nästa avsnitt redogör jag för vilka sådana här varianter av escape-tecken som finns.

3. Vilka escape-tecken finns?

Följande escape-tecken finns i JavaScript:

Tecken Benämning och funktion Exempel
\"
Visar dubbelt citationstecken
\'
Visar enkelt citationstecken
\b
Backspace innebär att man backar ett steg i en text eller program
\t
Infogar en tabulator (mellanrum)
\n
Skapar en radbrytning
\r
Skapar ett nytt stycke
\\
Visar tecknet backslash
\f
Skapar en form feed (ny sida i skrivaren)

Dessa tecken kan placeras var som helst i texten eller scriptet och kan stå med eller utan mellanslag, dvs följande tre satser tolkas på samma sätt:

alert("Pelle sade\natt Stina är söt!)
alert("Pelle sade\n att Stina är söt!)
alert("Pelle sade \n natt Stina är söt!)

Alla tre resulterar i en radbrytning. Sedan måste man ju alltid tänka på mellanslag och sådant.

4. Övningar

Övning 1
Vad använder man escape-tecken till? Ge några exempel!

Facit >

Övning 2
Skapa en alert-ruta i ett script med en text som innehåller följande escape-tecken:

\"
\'
\t
\n
\r

Facit >


Den här sidan är en del av Jonas Webresurs - www.jonasweb.nu - copyright © 1998-2011