Maison > Article > interface Web > Compétences pratiques en matière de fonctionnement du cadre (iframe) code_javascript
Codes communs :
<iframe src="http://www.baidu.com" marginwidth="0" marginheight="0" border="0" scrolling="no" frameborder="0" width="350" height="270"></iframe> <iframe src="http://www.jb51.net/plugins/like.php?href=YOUR_URL" scrolling="no" frameborder="0" style="border:none; width:450px; height:80px"></iframe>
Cadre d'accès Javascript, orientation iframe et href
一.frame
1. Référence du cadre parent au cadre enfant
Connaissant les principes ci-dessus, il est très simple de référencer le frame enfant à partir du frame parent, c'est-à-dire :
window.frames["frameName"];
Ceci fait référence au sous-cadre nommé frameName dans la page. Si vous souhaitez référencer un sous-cadre au sein d'un sous-cadre, selon la nature du cadre référencé, qui est en fait l'objet fenêtre, vous pouvez l'implémenter comme ceci :
window.frames["frameName"].frames["frameName2"];
De cette manière, le sous-trame de deuxième niveau est référencé, et par analogie, des références de cadre multicouche peuvent être obtenues.
2. Référence du frame enfant au frame parent
Chaque objet fenêtre possède un attribut parent, représentant son cadre parent. Si le cadre est déjà un cadre de niveau supérieur, window.parent représente également le cadre lui-même.
3. Références entre frameworks frères
Si deux frames sont des sous-frames d'un même frame, ils sont appelés frames frères et peuvent se référencer via le frame parent. Par exemple, une page comprend 2 sous-frames :
<frameset rows=”50%,50%”> <frame src=”1.html” name=”frame1″ /> <frame src=”2.html” name=”frame2″ /> </frameset>
Dans frame1, vous pouvez utiliser l'instruction suivante pour référencer frame2 :
self.parent.frames["frame2"];
4. Références mutuelles entre cadres à différents niveaux
La hiérarchie des frames concerne les frames de niveau supérieur. Lorsque les niveaux sont différents, tant que vous connaissez le niveau auquel vous vous trouvez ainsi que le niveau et le nom de l'autre frame, vous pouvez facilement accéder les uns aux autres en utilisant les propriétés de l'objet window référencé par le frame, par exemple :
self.parent.frames["childName"].frames["targetFrameName"];
5. Référence au cadre de niveau supérieur
Semblable à l'attribut parent, l'objet window possède également un attribut top. Il représente une référence au cadre de niveau supérieur, qui peut être utilisée pour déterminer si un cadre lui-même est un cadre de niveau supérieur, par exemple :
c'est-à-dire
Changer la page de chargement du cadre
La référence au cadre est une référence à l'objet fenêtre. En utilisant l'attribut location de l'objet fenêtre, vous pouvez modifier la navigation du cadre, par exemple :
window.frames[0].location = "1.html";
Variables et fonctions JavaScript de référence dans d'autres frameworks
Avant d'introduire les techniques de référencement de variables et de fonctions JavaScript dans d'autres frameworks, jetons un œil au code suivant :
<script language=”JavaScript” type=”text/javascript”> <!– function hello(){ alert(“hello,ajax!”); } window.hello(); //–> </script>
2.iframe
À proprement parler, vous devez utiliser le tableau frames et document.all.
三.href
1. L'événement onclick du lien est exécuté en premier, suivi de l'action sous l'attribut href (saut de page, ou pseudo-lien javascript
) ;
2. Supposons que href et onclick existent dans le lien. Si vous souhaitez que l'action sous l'attribut href ne soit pas exécutée, onclick doit obtenir une fausse valeur de retour. Si vous n'y croyez pas, vous pouvez commenter le retour false dans la fonction goGoogle
;
3. Si la page est trop longue et comporte une barre de défilement et que vous souhaitez effectuer des opérations via l'événement onclick du lien. Son attribut href doit être défini sur javascript:void(0); au lieu de #, ce qui peut empêcher les sauts de page inutiles
;
4. Si une fonction avec une valeur de retour est appelée dans l'attribut href du lien, le contenu de la page courante sera remplacé par la valeur de retour de cette fonction
;
5. Il y aura une différence lorsque vous maintenez la touche Maj enfoncée.
6. Le problème que j'ai rencontré aujourd'hui est que je ne peux pas accéder à parentNode sous la forme de href dans IE6.0.
7. Essayez de ne pas utiliser le protocole javascript: comme attribut href de A. Cela entraînera non seulement le déclenchement inutile de l'événement window.onbeforeunload, mais empêchera également la lecture de l'image animée GIF dans IE.
Par exemple :
a4726f459008034cccec928780662811Changer le mot de passe5db79b134e9f6b82c0b36e0489ee08ed
Ajuster la hauteur du cadre