Quiero un archivo JavaScript para controlar dos archivos HTML simultáneamente .

<!DOCTYPE html>
<html>
<head>
  <title>tryAgainPage1</title>
  <meta charset="UTF-8">
</head>
<body>

  <div id="page1"></div>

  <script src="tryAgain.js"></script>
</body>
</html>

Esa es la página uno. La siguiente es la página dos.

<!DOCTYPE html>
<html>
<head>
  <title>tryAgainPage2</title>
  <meta charset="UTF-8">
</head>
<body>

  <div id="page2"></div>

  <script src="tryAgain.js"></script>
</body>
</html>

Y aquí está el JavaScript:

newFunction();

function newFunction() {
    document.getElementById("page1").innerHTML = "page one says hello";
    document.getElementById("page2").innerHTML = "page two says goodbye";
}

La página uno funciona, la página dos no. He intentado durante un día que las páginas se hablen entre sí, sin éxito. No estoy seguro de entender cómo implementar el canal de transmisión en este caso (si es que es apropiado). ¿Alguien puede ayudarme?

2
nooby 23 ene. 2018 a las 00:15

1 respuesta

Ambas páginas arrojan un error, la diferencia es que en la primera página el error no ocurre hasta que se cambia el div.

Aquí hay un posible enfoque.

newFunction();

function newFunction() {
  var page = document.getElementById("page1") ? "1" : "2";
  var msg = page == "1" ? "page one says hello" : "page two says goodbye";
  document.getElementById("page"+page).innerHTML = msg;
}
0
I wrestled a bear once. 22 ene. 2018 a las 21:21