Cet article décrit la méthode d'appel des fonctions dans la page Iframe Framework dans JavaScript. Cette méthode d'appel est en fait très simple. Avec cette méthode, nous pouvons transmettre ou modifier des valeurs entre les iframes, et l'opération est très simple. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
Accéder aux fonctions dans l'IFRAME:
La copie de code est la suivante: document.getElementById ('commentiframe'). ContentWindow.HasLogined ();
CommentIFrame est l'ID de l'Iframe.
Pour l'exécuter dans Window.on charge
Les exemples sont les suivants:
1.html
Copiez le code comme suit: <a href = "#" onclick = "window.frames ['frame1']. MyNext ()"> aa </a>
<iframe id = "frame1" src = "2.html"> </ iframe>
2.HTML Page
Copiez le code comme suit: <Script Language = "JavaScript" type = "Text / JavaScript">
fonction myNext ()
{
alerte (1);
}
</cript>
Cliquez sur le bouton Test dans 1.htm peut invalider le bouton MyButton dans 2.htm (page iframe). C'est aussi simple, haha. Si vous souhaitez appeler la fonction JS dans 2.htm, écrivez ceci:
Copiez le code comme suit: self.frames ['a']. Functionname (param)
Appelez la fonction JS dans 2.htm dans 1.htm: iframe2.showinfo ();
Exemple de description:
Supposons qu'il y ait 2 pages, index.html et inner.html. Il y a un iframe dans index.html, et le SRC de cet iframe pointe vers inner.html.
Ce que nous devons faire maintenant, c'est:
1. Appelez une méthode JS sur Inner.html dans index.html
2. Appelez une méthode JS sur index.html dans inner.html
Le code d'implémentation est le suivant:
index.html:
Copiez le code comme suit: <html>
<adal>
<script type = "text / javascript">
fonction ff () {
alert (">> Il s'agit de la fonction JS d'index index.html");
}
</cript>
</ head>
<body>
<div style = "Background: LightBlue;">
Ceci est la page d'index.
<input type = "Button" value = "Exécuter la fonction de l'index" onClick = "ff ();" />
<input type = "Button" value = "Exécuter la fonction de la page intérieure" onClick = 'window.frames ["Childpage"]. Sonff ();' />
</div>
<iframe id = "Childpage" name = "Childpage" src = "inner.html" frameborder = "0"> </ iframe>
</docy>
</html>
inner.html:
Copiez le code comme suit: <html>
<adal>
<script type = "text / javascript">
fonction sonff () {
alert (">> Ceci est la fonction JS de Inner Page");
}
</cript>
</ head>
<body>
<div style = "background: LightGreen;">
Ceci est une page intérieure.
<input type = "Button" value = "Exécuter la fonction de l'index" onclick = 'parent.window.ff ();' />
<entrée type = "bouton" value = "Exécuter la fonction de la page intérieure" onClick = "sonff ();" />
</div>
</docy>
</html>
J'espère que la description de cet article sera utile à la programmation Web de chacun basée sur JavaScript.