Utilisez js pour appeler les fonctions js les unes des autres dans la production de pages iframe page_HTML/Xhtml

Utilisez js pour appeler les fonctions js les unes des autres dans la production de pages iframe page_HTML/Xhtml_web

WBOY

Libérer： 2016-05-16 16:43:03

original

1342 Les gens l'ont consulté

Récemment, je travaillais tous les jours sur le rapport de proposition de thèse et j'avais hâte de concevoir à nouveau le Web. J'ai soudainement rencontré un problème lorsque j'ai conçu la page WEB, je l'ai toujours exécutée dans IE, je n'avais jamais pensé à Firefox. seul Chrome, mais maintenant c'est différent Bon, au moins je pense que les pages WEB qui ne sont pas compatibles avec Firefox sont extrêmement laides et fausses, donc depuis que j'ai eu ce concept, j'ai commencé à faire attention à cette compatibilité lors de la conception des pages, et cette fois j'ai rencontré un problème de compatibilité, en HTML Il y a un cadre flottant, , qui peut intégrer une page dans la page, il est très approprié pour créer des pages de cadre, comme indiqué ci-dessous, <a href="http://www.jb51.net/do/uploads/userup/0907/0Z95443K53.jpg" target="_blank"><img style="max-width:90%" alt="" src="http://files.jb51.net/do/uploads/userup/0907/0Z95443K53.jpg" style="max-width:90%" border="0"> </a> Une page html, divisée en deux parties gauche et droite, la gauche est la barre de navigation et la droite est le contenu qui doit être affiché. Le code est le suivant : Le code pour. la colonne de gauche est : <iframe frameborder="0" id="frmTitleLeft" name="framLeft" src="left.html" style="HEIGHT: 100%; width:180px;">Connectez-vous à left.html La colonne de droite est similaire, juste L'effet d'aperçu de la page que j'ai créée est le suivant : <a href="http://www.jb51.net/do/uploads/userup/0907/0Z9552W101.gif" target="_blank"> <img style="max-width:90%" alt="" src="http://files.jb51.net/do/uploads/userup/0907/0Z9552W101.gif" style="max-width:90%" border="0"> </a>Quel type d'effet faut-il obtenir maintenant pour obtenir un effet plus pratique ? Cliquez sur n'importe quel lien qu'il contient. S'il est affiché dans la colonne de droite, il doit évidemment être implémenté via js. n'entrez pas dans la méthode incompatible d'origine. N'oubliez pas les étapes d'implémentation suivantes : 1. Obtenez d'abord l'objet iframe dans la colonne de droite var frames=document.getElementById("frameid");//frameid est l'identifiant. nom de l'iframe dans la colonne de droite 2, réinitialiser sa valeur src frames.src=pageurl;//pageurl est la page de destination à afficher De cette façon, le saut de page est réalisé Mais il y a un autre point. Si vous voulez appeler la fonction, ce n'est pas si simple. Par exemple, il y a une fonction right() dans la colonne de droite, et je veux l'appeler dans le colonne de gauche. Comment appeler la fonction right() dans le lien de la colonne ? 1 Tout d'abord, le cadre gauche est intégré dans la page conteneur index.html, vous devez donc d'abord revenir au niveau de l'index. et obtenez l'objet rightframe. var frames=window.parent.window.document.getElementById("frameid"); 2. objet window.Voici un objet important contentWindow, après avoir obtenu cet objet, vous pouvez exécuter les fonctions qu'il contient, telles que frames.contentWindow.right(); Le code ci-dessus est compatible avec IE6, Firefox3, chrome2.0 et a réussi le test IE7 ne l'a pas essayé, mais ça devrait aller.