Bootstrap 4

by amenadiel

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
 
<div class="container">
    <div class="navbar navbar-default">
        <div class="navbar-header">
        <a href="#" class="btn btn-success" id="botonTabOpen" >Open a popup window</a>
<a href="#" class="btn btn-info" id="botonTabClose" >close popup window</a>
        </div>
      
      </div>
</div>

CSS

body {
    margin: 10px;
}

JavaScript

var miVentana;

    function window_open(){
      miVentana = window.open('https://google.com', "child", "left=1000,width=600, height=400, scrollbars=yes");
      miVentana.onload = function() { console.log(miVentana);      }
      console.log(child);
    }


    function window_close(){
      miVentana.close();
    }

    document.getElementById("botonTabOpen").onclick = function() {window_open()};

    document.getElementById("botonTabClose").onclick = function() {window_close()};