HTML | Ubicación DOM método replace()

El método DOM Location replace() en HTML se usa para reemplazar el documento actual con el especificado. Este método es diferente del método de asignación() ya que elimina el documento actual del historial del documento, por lo tanto, no es posible volver al documento anterior usando el botón ‘atrás’. 

Sintaxis:

location.replace( newUrl );

Parámetros:

  • newUrl: esta es la URL para reemplazar la página actual. Este es un parámetro requerido.

Nota: La URL que se reemplazará debe permitir el enmarcado. 

Valor de retorno: Sin valor de retorno. 

Ejemplo: 

html

<!DOCTYPE html>
<html lang="en">
 
<head>
    <title>DOM Location replace() Method</title>
</head>
 
<body>
    <h1 style="color: green">GeeksforGeeks</h1>
    <b>DOM Location replace() Method</b>
 
    <p>Click the button to replace
      the current document with a new one.</p>
 
    <button onclick="changePage()">
      Change Page
    </button>
 
    <script>
        function changePage() {
 
            // change the document to
            // the GeeksforGeeks homepage
            location.replace(
              "https://ide.geeksforgeeks.org");
        }
    </script>
</body>
 
</html>

Nota: Ejecute el código anterior en ide.geeksforgeeks.org ya que el enlace utilizado en el código es ide.geeksforgeeks.org para permitir el encuadre. 

Producción: 

Antes de pulsar el botón:

 before-click 

Después de presionar el botón:

 after-click 

Navegadores compatibles: los navegadores compatibles con el método DOM Location replace() se enumeran a continuación:

  • Google cromo 1
  • Borde 12
  • Internet Explorer 5.5
  • Firefox 1
  • Ópera 3
  • Safari 1

Publicación traducida automáticamente

Artículo escrito por sayantanm19 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 *