Compétences complexes en analyse de cadre de fenêtre javascript_javascript

Qu'est-ce que l'encadrement de fenêtre ? ​

Le cadrage de fenêtre consiste à diviser une fenêtre de document de navigateur en plusieurs fenêtres. Chaque fenêtre peut afficher un fichier de page Web indépendant, et chaque cadre (c'est-à-dire page) a sa propre URL.

Comment créer une fenêtre cadre ?

Les cadres sont généralement créés à l'aide des balises f900b4fc197b16ab214eecf015bb6bd2 Mais dans HTML 4, la balise d5ba1642137c3f32f4f4493ae923989c peut également être utilisée pour créer des « frames en ligne » dans le document. En ce qui concerne JavaScript, d5ba1642137c3f32f4f4493ae923989c crée le même cadre que f900b4fc197b16ab214eecf015bb6bd2.

En HTML, utilisez f900b4fc197b16ab214eecf015bb6bd2 (balise split window) pour diviser la fenêtre. Le statut de f900b4fc197b16ab214eecf015bb6bd2 dans une page à plusieurs fenêtres est équivalent au statut de 6c04bd5ca3fcae76e30b72ad730ca86d Dans la page, utilisez f900b4fc197b16ab214eecf015bb6bd2...eb5f059992a0ae0ef16884cb75644e40 pour marquer les positions de début et de fin de la partie principale de la page. De plus, la balise f900b4fc197b16ab214eecf015bb6bd2 détermine la façon dont les fenêtres sont divisées, ainsi que la position et la taille de chaque fenêtre. Sa structure grammaticale de base est la suivante :

<frameset cols=n rows=n frameborder=yes|no border=n bordercolor=#n framespacing=n></frameset>

cols et rows : sont les deux paramètres qui déterminent la façon dont la page est divisée. Utilisez des colonnes pour diviser les fenêtres gauche et droite, et la largeur gauche et droite de chaque cadre est exprimée en pourcentage de la largeur de la fenêtre. Par exemple : cols="30%,40%,*" signifie qu'elle est divisée en trois fenêtres dans le sens horizontal et que les pourcentages de la largeur totale de chaque fenêtre sont de 30 %, 40 % et 30 %. Parmi eux, "*" représente la partie restante, c'est-à-dire que la largeur de la petite fenêtre correspondant à "*" est la largeur restante. Utilisez des lignes pour diviser les fenêtres supérieure et inférieure et utilisez également la méthode de réglage du pourcentage.

　frameborder : spécifie si chaque sous-fenêtre (ye) doit ajouter une bordure (non) si un cadre est ajouté, utilisez le paramètre border pour spécifier la largeur de la bordure, et bordercolor pour spécifier ; la couleur de la bordure.

　framepacing : est utilisé pour définir la taille de l'intervalle entre chaque sous-fenêtre. La valeur par défaut est 0.

Après avoir divisé la fenêtre à l'aide de la balise f900b4fc197b16ab214eecf015bb6bd2, les attributs de chaque fenêtre sont définis à l'aide de la balise HTML 04a0d55efbbfd646a993fbc01f262c57, la balise f900b4fc197b16ab214eecf015bb6bd2 chaque sous-fenêtre. Sa syntaxe est la suivante :

<frame align=left|center|right|top|bottomv name=framename src＝url noresize scrolling＝yes|on|auto frameborder=yes|no bordercolor＝＃n marginheight=n marginwidth＝n></frame>

　align : Définit la position de la sous-fenêtre à gauche (gauche), droite (droite), centre (centre), haut (haut) ou bas (bas).

　name : est utilisé pour spécifier le nom de la sous-fenêtre, et src est utilisé pour spécifier l'adresse de la page HTML correspondant à la sous-fenêtre.

　noresize : est destiné à l'utilisateur. Lorsque la balise 04a0d55efbbfd646a993fbc01f262c57 contient ce paramètre, l'utilisateur ne peut pas utiliser la souris pour ajuster ou modifier la taille de chaque fenêtre.

　scrolling : Définissez si la sous-fenêtre nécessite des barres de défilement. Lorsque scrolling=no, les barres de défilement ne sont pas requises. Lorsque scrolling=yes, les barres de défilement sont requises. Lorsque scrolling=auto, les barres de défilement sont automatiquement définies en fonction de la situation réelle.

　frameborder et bordercolor : est utilisé pour définir la bordure et la couleur de la bordure de la sous-fenêtre. Mais l'objet est limité aux sous-fenêtres marquées 04a0d55efbbfd646a993fbc01f262c57.

　marginheight et marginwidth : sont utilisés pour définir respectivement la largeur des bords supérieur et inférieur et des bords gauche et droit de la sous-fenêtre.

Par exemple :

<frameset cols="50%,*,25%">
 <frame src="http://www.baidu.com" noresize="noresize" />
 <frame src="http://www.baidu.com" />
 <frame src="http://www.baidu.com" />
</frameset>

Quelle est la relation entre les fenêtres frame en JavaScript ?
N'importe quel cadre d'une fenêtre peut référencer d'autres cadres grâce aux attributs top, frames et parent.

Le code JavaScript dans n'importe quelle fenêtre ou cadre peut référencer sa propre fenêtre ou cadre en tant que fenêtre ou self.

Chaque fenêtre a un attribut frames. Cette propriété fait référence à un tableau d'objets Window, où chaque élément représente un frame contenu dans cette fenêtre (si une fenêtre n'a pas de frames, alors le tableau frames[] est vide et frames.length vaut 0). la fenêtre Vous pouvez utiliser frames[0] pour référencer sa première image, frames[1] pour référencer sa deuxième image, et ainsi de suite.

Chaque fenêtre contient également un attribut parent, qui fait référence à l'objet Window contenant cette fenêtre. De cette façon, le premier cadre de la fenêtre peut référencer ses cadres frères, c'est-à-dire :

　parent.frames[1]

Si une fenêtre est une fenêtre de niveau supérieur plutôt qu'un cadre, alors l'attribut parent fait référence à la fenêtre elle-même :

parent==self;

Si un cadre est contenu dans un autre cadre, lui-même contenu dans une fenêtre de niveau supérieur, alors le cadre peut utiliser parent.parent pour référencer la fenêtre de niveau supérieur.

Remarque :
Les frames ne peuvent pas coexister avec les balises body et le contenu

Le cadrage n'est pas propice à l'optimisation des moteurs de recherche. Il n'est pas recommandé d'utiliser le cadrage sur les pages frontales normales.

Ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à tout le monde dans l'apprentissage de la programmation javascript.