JavaScript - neues Browserfenster öffnen

Javascript: wie öffne ich ein neues Browserfenster?
Um ein neues Browserfenster anzuzeigen, kann man auf sowohl Mittel von HTML als auch JavaScript zurückgreifen. Es hängt davon ab, welche Art Fenster man öffnen will...

mit HTML-Mitteln

Mit dem Attribut target des HTML-Tags <A HREF=...> kann man steuern, in welchem Fenster bzw. Frame das verknüpfte Dokument geöffnet werden soll.
  • target="_blank" - öffnet das Dokument in einem neuen Browserfenster.
  • target="_top" - öffnet das Dokument im gesamten Anzeigefenster; die jetzige Anordnung evtl. vorhandener Frames wird dabei aufgelöst.
  • target="_parent" - das Verweisziel wird in dem Zustand des Anzeigefensters angezeigt, der vor dem Start Ihres Frame-Sets aktuell war.
In nachfolgendem Beispiel wird ein neues Browserfenster geöffnet; das Browserfenster ist in diesem Fall immer ein komplett mit Menü, Toolbar und Statuszeile:


   <HTML>
      <HEAD>
         ...
      </HEAD>
      <BODY>
         <H3>Willkommen</H3><FONT class="hlcode">
         <A HREF="ziel.html" target="_blank">sichtbarer Text</A>
      </FONT></BODY>
   </HTML>
Demo-HTML-Dokument


Seitenanfang


JavaScript: window.open

Wenn Sie ein angepaßtes Fenster öffnen wollen, das z.B. keine Menüzeile und keine Statuszeile haben und nur die Toolbar beinhalten soll, dann hilft die JavaScript-Funktion window.open.


   function fensterOeffnen( fensterURL, fensterTarget, fensterOptionen )
   {
      return window.open( fensterURL, fensterTarget, fensterOptionen ) ;
   }
Demo-Javascript-Funktion

Im HTML-Code rufen Sie die Funktion fensterOeffnen(...) samt den Parametern für das Aussehen des neuen Fensters auf. Hier ein Beispiel, wie es im onClick-Ereignis angelegt wird:


   <HTML>
      <HEAD>
         ...
      </HEAD>
      <BODY>
         <H3>Willkommen</H3>
            <FORM>...<FONT class="hlcode">
               <input type="button" value="neues Fenster"
                      onclick="newWindow = fensterOeffnen
                      ('index.htm',
                       'Start',
                       'width=500,height=300, ...weitere Optionen...'")></FONT>
            </FORM>
      </BODY>
   </HTML>
Demo-HTML-Dokument


obiger Quellcode ist hier mal umgesetzt:


verwandtes Thema:
statt Javascript ins HTML-Dokument zu schreiben:
Javascript auslagern

Seitenanfang