ThomasM: Javascript-Funktion ausserhalb des eigenen Objects aufrufbar?

Beitrag lesen

SELF-Forum

Javascript-Funktion ausserhalb des eigenen Objects aufrufbar?

ThomasM
+1 Informationen zu den Bewertungsregeln

Hallo Klaus,

Habe ich jetzt die Möglichkeit von einer Javascript-Funktion von seite2.html aus eine Javascript-Funktion von seite1.html aufzurufen?

Ansatz:

seite1.html

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="UTF-8" />
    <title>Seite 1</title>
    <script>
      function Test()
      {
        alert("Test");
      }
    </script>
  </head>
  <body>
    <h1>Seite 1</h1>
    <object id="test" type="text/html" data="seite2.html"></object>
  </body>
</html>

seite2.html

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="UTF-8" />
    <title>Seite 2</title>
    <script>
      document.addEventListener("DOMContentLoaded", function(event)
      {
        document.getElementById("btn").addEventListener("click", function(event)
        {
          parent.Test();
        });
      });
    </script>
  </head>
  <body>
    <button id="btn">Test</button>
  </body>
</html>

Anklicken des Buttons ruft die Funktion Test() auf. parent liefert das übergeordete window-Objekt. parent.document erlaubt Zugriff auf die Inhalte.

Grüße,
Thomas

Beitrag melden
+1
Informationen zu den Bewertungsregeln