Code commun:
<iframe src = "http://www.baidu.com" marginwidth = "0" marginheight = "0" Scrolling = "no" frameborder = "0" width = "350"> </ iframe> <iframe src = "// www.vevb.com/plugins/lily.php?href=your_url" crolling = "no" frameborder = "0" style = "Border: Aucun; largeur: 450px; hauteur: 80px"> </ iframe>
Accès JavaScript au cadre, au framework iframe et aux instructions HREF
1.
1. Références du parent à l'enfant
Connaissant le principe ci-dessus, il devient très facile de se référer au cadre de l'enfant du cadre parent, c'est-à-dire:
window.frames ["FrameName"];
Cela fait référence au sous-trame nommé FrameName dans la page. Si vous souhaitez référencer le sous-châssis dans le sous-châssis, selon le cadre référencé, c'est en fait la nature de l'objet Window, afin que vous puissiez l'implémenter comme ceci:
window.frames ["FrameName"]. Frames ["FrameName2"];
De cette façon, le sous-châssis secondaire est référencé, et ainsi de suite, la référence des cadres multicouches peut être réalisée.
2. Références du cadre enfant en cadre parent
Chaque objet de fenêtre a une propriété parent qui représente 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. Citations entre les frameworks des frères
Si deux images sont le même sous-trame de la même trame, ils sont appelés trames de frères et sœurs, et ils peuvent être référencés via le cadre parent. Par exemple, une page comprend 2 sous-trames:
<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 vous référer à Frame2:
self.parent.frames ["frame2"];
4. Références entre différents niveaux de cadres
La hiérarchie du cadre est pour le cadre de niveau supérieur. Lorsque les niveaux sont différents, connaissez simplement le niveau dans lequel vous vous trouvez et le niveau et le nom de l'autre cadre, et utilisez les propriétés de l'objet Window référencé par le cadre, vous pouvez facilement accéder les uns aux autres, par exemple:
self.parent.frames ["ChildName"]. Frames ["TargetFrameName"];
5. Références aux cadres de niveau supérieur
Semblable à la propriété parent, l'objet Window a également une propriété supérieure. Il représente une référence au cadre de niveau supérieur, qui peut être utilisé pour déterminer si un cadre lui-même est un cadre de niveau supérieur, par exemple:
La copie de code est la suivante:
// juger si ce cadre est un cadre de haut niveau
if (self == top) {
// Dosomething
}
Tout de suite
La copie de code est la suivante:
if (window.top! = window.self) {
// Dosomething
}
Modifier la page de chargement du cadre
Une référence à une trame est une référence à un objet de fenêtre. À l'aide de la propriété de localisation de l'objet Window, vous pouvez modifier la navigation du cadre, par exemple:
window.frames [0] .location = "1.html";
Référence Variables et fonctions JavaScript dans d'autres cadres
Avant d'introduire les techniques de référence aux variables et fonctions JavaScript dans d'autres cadres, jetons un coup d'œil au code suivant:
<script lingots = ”javascript” type = ”text / javascript”> <! function hello () {alert ("Bonjour, ajax!");} window.hello (); //// script>2.
Strictement, il devrait être d'utiliser des tableaux de cadres, et document.all.
La copie de code est la suivante:
<iframe id = myiframe src = ”About: <input type = checkbox name = mycheckbox value = mycheckbox>”> </ iframe>
<entrée type = bouton onclick = ”alert (document.frames.myiframe.document.all.mycheckbox.checked)”>
Trois.href
1. L'événement ONClick lié est en premier, suivi des actions sous l'attribut HREF (Page Jump ou JavaScript Pseudo-Link);
2. En supposant qu'il y a à la fois HREF et ONClick dans le lien, si vous voulez que les actions sous l'attribut HREF ne soient pas exécutées, onClick doit obtenir une valeur de retour de false. Si vous ne le croyez pas, vous pouvez commenter le retour false dans la fonction GOGOOGLE;
3. Si la page est trop longue et qu'il y a des barres de défilement et que vous souhaitez effectuer des opérations via l'événement OnClick lié. Son attribut HREF doit être défini sur JavaScript: void (0); au lieu de #, ce qui empêche les sauts de page inutiles;
4. Si une fonction avec une valeur de retour est appelée dans l'attribut HREF lié, le contenu de la page actuelle sera remplacé par la valeur de retour de cette fonction;
5. Il y aura une certaine différence lors de la maintenance de la touche de décalage.
6. Le problème que j'ai rencontré aujourd'hui est que ParentNode ne peut pas être accessible dans IE6.0 sous la forme de HREF.
7. Essayez de ne pas utiliser le protocole JavaScript: comme l'attribut HREF de A, qui non seulement provoquera un déclenchement inutile de l'événement Window.Onbeforeunload, mais cessera également de jouer des images d'animation GIF dans IE.
comme:
<a href = "javascript: void (0)" onclick = "linkchangepwd ()"> changer le mot de passe </a>
Réglez la hauteur du cadre
La copie de code est la suivante:
window.onload = function () {
Parent.Document.getElementById ('Customiframe'). Style.Height = document.body.clientHeight + "PX";
}