HTML | Método de ventana moveBy()

El método Window moveBy() se usa para mover una ventana con un número específico de píxeles en relación con sus coordenadas actuales. El método Window moveBy() acepta dos parámetros x e y que denotan el número de píxeles para mover la ventana horizontal y verticalmente. 

Sintaxis:

window.moveBy(x, y)

Parámetros utilizados:

  • x: Es un parámetro obligatorio que especifica la cantidad de píxeles para mover la ventana horizontalmente.
  • y : Es un parámetro obligatorio que especifica la cantidad de píxeles para mover la ventana verticalmente.

El siguiente programa ilustra el método Window moveBy() : 

Programa: Mover una nueva ventana relativa a su posición actual 

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>
      Window moveBy() Method in HTML
    </title>
    <style>
        h1 {
            color: green;
        }
         
        h2 {
            font-family: Impact;
        }
         
        body {
            text-align: center;
        }
    </style>
</head>
 
<body>
 
    <h1>GeeksforGeeks</h1>
    <h2>Window moveBy() Method</h2>
 
    <p>
      For opening the Test window,
      double click the "Open Window" button:
    </p>
 
    <button ondblclick="Opwind()">
      Open Window
    </button>
    <br>
 
    <p>
      For moving the Test window,
      double click the "Move Window" button:
    </p>
 
    <button ondblclick="Movewind()">
      Move Window
    </button>
 
    <script>
        function Opwind() {
            TestWindow = window.open("", "TestWindow",
                "width=400, height=400");
            TestWindow.document.write("This is a Test Window.");
        }
 
        function Movewind() {
            TestWindow.moveBy(200, 200);
            TestWindow.focus();
        }
    </script>
 
</body>
 
</html>      

Producción:

  

Después de hacer clic en el botón Navegadores compatibles : los navegadores compatibles con el método Window moveBy() se enumeran a continuación:

  • Google Chrome 1 y superior
  • Borde 12 y superior
  • Internet Explorer 4 y superior
  • Firefox 1 y superior 
  • Ópera 12.1 y superior
  • Safari 1 y superior

Publicación traducida automáticamente

Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *