Comment appeler la fonction javascript spécifié dans un enfant <frame>

Je suis en train de travailler sur un accient projet qui repose sur et tags.

Ici de la commune de la structure HTML de la page parent (index.html):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>  
</head>
<frameset rows="75px,*" frameborder="0">
    <frame name="frame1" src="frames/frame1.html">
    <frameset class="child_frameset">
        <frame name="frame3" src="frames/frame3.html">
    </frameset>
</frameset>
</html>

Voici comment je spécifier la fonction javascript sur l'image enfant (frame3.html):

<!DOCTYPE html>  
<html lang="en">  
<head>
    <script type="text/javascript">
        function helloWorld(){
            alert('hello world!');
        }
    </script>   
</head>
<body>
    <h1>I'm frame 3</h1>
</body>
</html>

Ma tâche est d'appeler helloWorld() fonction. Comment dois-je faire?
Merci à l'avance!

essayez d'appeler la fonction de la mère?
oui! J'essaie d'appeler le helloWorld() fonction à partir de la page parent (index.html)

OriginalL'auteur LoomyBear | 2011-05-10

  1. 21

    Vous pouvez le faire comme ceci:

    document.getElementById('frame3').contentWindow.helloWorld();
    +1 Même si c'est probablement une bonne idée de donner le cadre de l'ID de la première.
    Les images dans l'exemple n'avez pas d'identifiant, de sorte getElementById n'est pas vraiment approprié. Avec juste un nom window.frames["frame3"].helloWorld() à la place.
    Merci pour une réponse plus rapide... j'ai essayé tout cela, mais firebug console me renvoie de la fenêtre.les cadres.image3 est pas défini et document.getElementById("image3") est null (à noter que j'ai donné un cadre id="image3") ... pensées, pourquoi?
    Il fonctionne réellement! Avec un simple morceau ... j'ai eu de spécifier les DOM garçon événement, puis déclencher la fonction $(window).load(function(){ document.getElementById("frame3").contentWindow.helloWorld(); }); ... fonctionne comme un charme!

    OriginalL'auteur Jayantha Lal Sirisena

  2. 1

    Vérifier contentWindow, contentDocument et d'obtenir l'image de l'objet et effectuer des appels.

    var siblingFrame;
if (parent.document.getElementById('siblingFrameId').contentWindow){
  siblingFrame = parent.document.getElementById('siblingFrameId').contentWindow;
} else if (parent.document.getElementById('siblingFrameId').contentDocument){
  siblingFrame = parent.document.getElementById('siblingFrameId').contentDocument;
} else if (parent.document.getElementById('siblingFrameId')) {
  siblingFrame = parent.document.getElementById('siblingFrameId');
}

siblingFrame.helloWorld();

    OriginalL'auteur ranjeetcao

  3. 1

    Vous pouvez appeler la méthode de childframe 

    window.frames[n].frames[m].methodName()

    où n , m sont des nombres entiers à partir de 0.Si vous avez des document
    seul cadre de supprimer les images[m] de la partie et de faire le travail.

    Ya encore une chose , faire l'essai une erreur et trouver exactement numéros de châssis
    et de la méthode.
    Espérons que cela aide

    OriginalL'auteur allsyed