viernes, 2 de agosto de 2019

El BOM en JavaScript

El BOM es el Browser Object Model y nos permite manejar diversas propiedades de la ventana y características de nuestro navegador.

HTML


 <!DOCTYPE html>  
 <html>  
  <head>  
   <meta charset="utf-8">  
   <title>el BOM</title>  
  </head>  
  <body>  
    <h1>Trabajando con el BOM</h1>  
    <p>BOM: Browser Object Model</p>  
    <p>¿Qué hace cada botón?</p>  
    <button onclick="miFuncion1()">Redirige</button>  
    <button onclick="miFuncion2()">excelavanzado.com</button>  
   <!--scripts-->  
   <script src="bom.js"></script>  
  </body>  
 </html>  

JavaScript



 console.log(window.innerWidth); //anchura de la ventana  
 console.log(window.innerHeight); //altura de la ventana  
 console.log(screen.width); //anchura de la pantalla  
 console.log(screen.height); //altura de la pantalla  
 //obtenemos el objeto location que contiene info sobre la página en la que estamos  
 console.log(window.location);  
 //dentro del objeto location pedimos el href que es la url actual  
 console.log(window.location.href);  
   
 function miFuncion1() { //redirige  
   window.location.href="https://altocodigo.blogspot.com";  
 }  
   
 function miFuncion2(){ //abre una ventana nueva  
   window.open("https://www.excelavanzado.com","ventana1","width=400,height=300");  
 };  

No hay comentarios:

Publicar un comentario