Beispiel:JS-window-open.html

<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0;" />
  <link rel="stylesheet" media="screen" href="./Beispiel:Grundlayout.css" />
  <title>Window.open </title>
<script>
'use strict';
function init() {
  var buttonEins = document.getElementById('eins');
  buttonEins.addEventListener('click', fensterOeffnen);
}

function fensterOeffnen () { 
  var text ='<p>ein neues Fenster!<br>(Besser wäre aber auf solche Popup-Boxen zu verzichten!)</p>';
  var MeinFenster = window.open("about:blank", "Zweitfenster", "width=300,height=400,left=100,top=200"); 
  MeinFenster.document.write(text); 
  MeinFenster.focus(); 
}

window.addEventListener('DOMContentLoaded', init);
</script>  

</head>
<body>
  <h1>Beispiel: window.open<br><span>window.focus</span></h1>
 
  <main>
    <h2>Öffnen eines neues Fensters</h2>
    <p>Klicke auf den Button, um ein neues Fenster zu öffnen und versichere dich, 
       dass das neue Fenster im <strong>focus</strong> ist, 
       dass heißt, dass es vor der Originalseite dargestellt wird.
    </p>
    <button id="eins">Los</button>
    
  </main>

</body>
</html>