HTML, CSS, PHP, MySQL

html-php.de

HTML & CSS Stylesheets Referenz JavaScript PHP MySQL Sonstiges Gästebuch Inhalt Impressum

[ Zeichenketten-Funktionen ] [ Steuerzeichen in Zeichenketten ] [ HTML-Code mit Java-Script ] [ Rechner ] [ Zufallszahl ]

Zeichenketten-Funktionen

Um zwei Variablen zu verbinden, um diese z.B. in einem alert-Fenster oder mit document.write auf den Bildschirm zu bringen, können Sie das +-Zeichen benutzen.

  <!DOCTYPE HTML>
  <html lang="de">
  <head>
   <title>Test</title>
   <meta charset="utf-8">
  </head>
  <body>
   <script>
    <!--
    var Jetzt = new Date() ;
    var Tag = Jetzt.getDate() ;
    document.write("Heute ist der " + Tag +".") ;
    //-->
   </script>
  </body>
Das ganze sieht so aus

Steuerzeichen in Zeichenketten

Steuerzeichen werden durch das Zeichen \ gefolgt von einem Buchstabe, der das Steuerzeichen markiert.

   <script>
    var Var1 = "Hier erfolgt ein\nZeilenumbruch";
    var Var2 = "Hier erfolgt ein\rDOS-Extra-Zeilenumbruch";
    var Var3 = "Hier erfolgt ein\tTabulator";
    var Var4 = "Hier erfolgt ein\"Anführungszeichen";
   </script>

Benutzen Sie /n z.B. im alert-Fenster, um ein Zeilenumbruch zu erzeugen.
Benutzen Sie /r z.B. im alert-Fenster, wenn /n nicht funktioniert.
Benutzen Sie /t z.B. im alert-Fenster, um ein Tabulatur zu erzeugen.
Benutzen Sie /" z.B. im alert-Fenster, um ein Anführungszeichen zu erzeugen.

HTML-Code mit Java-Script

Werden HTML-Tags innerhalb von document.write benutzt, müssen vor dem schließenden Tags ein Backslash \ geschrieben werden z.B. <b>...<\/b>.

  <!DOCTYPE HTML>
  <html lang="de">
  <head>
   <title>Test</title>
   <meta charset="utf-8">
  </head>
  <body>
   <h1>Ihr Browser</h1>
   <script>
    <!--
    var Name = navigator.appName;
    var Version = navigator.appVersion;
    document.write("<p>Sie verwenden den <b>" + Name + "<\/b>, 
    in der Version <b>" + Version + "<\/b><\/p>");
    //-->
   </script>
  </body>
  </html>
Das ganze sieht so aus

Auch möglich ist z.B. ein Link mit document.write auf die Homepage zu bringen. Im folgenden Beispiel wird per Zufall eine Zahl zwischen 0 und 2 gesucht, und dann ein Link angezeigt. Auch bei Verzeichnisangaben ein Backslash \ nicht vergessen.

  <!DOCTYPE HTML>
  <html lang="de">
  <head>
   <title>Test</title>
   <meta charset="utf-8">
  </head>
  <body>
   <script>
    <!--
    var nr = Math.round(Math.random() * 2);
    if (nr == 0) 
     { document.write('<a href="..\/index.htm">Startseite<\/a><br>'); }
    if (nr == 1) 
     { document.write('<a href="..\/kursh01.htm">HTML-Sprache<\/a><br>'); }
    if (nr == 2) 
     { document.write('<a href="..\/kursc01.htm">CSS-Stylesheets<\/a><br>'); }
    //-->
   </script>
  </body>
  </html>
Das ganze sieht so aus

back top next