Maison  >  Article  >  interface Web  >  Compétences pratiques en matière de fonctionnement du cadre (iframe) code_javascript

Compétences pratiques en matière de fonctionnement du cadre (iframe) code_javascript

WBOY
WBOYoriginal
2016-05-16 16:33:001283parcourir

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&#63;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 :

Copier le code Le code est le suivant :

//Déterminez si ce cadre est un cadre de niveau supérieur
si(self==haut){
//faire quelque chose
>

c'est-à-dire

Copier le code Le code est le suivant :

si (window.top!=window.self) {
// faire quelque chose
>

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.

Copier le code Le code est le suivant :

609f7b76a1879a688b591629e9c0e6e5”>065276f04003e4622c4fe6b64f465b88
d6999fa7ef7f696040403bbc8af3e2b9

三.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

Copier le code Le code est le suivant :

window.onload = function() {
 parent.document.getElementById('customiframe').style.height = document.body.clientHeight "px";
>
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn