Analyse de la différence entre iframe et cadre

Auteur：Eve Cole Date de mise à jour：2025-05-03 03:00:03

1. Utilisation des balises iframe

En ce qui concerne Iframe, vous l'avez peut-être jeté dans un coin oublié, mais il n'est pas étranger de parler de son cadre frère. Les balises de trame sont des balises de trame. Ce que nous appelons une structure multi-trames, c'est d'afficher plusieurs fichiers HTML dans une fenêtre de navigateur. Maintenant, nous rencontrons une situation très réaliste: s'il y a un tutoriel, une section à la fois et un lien vers les sections précédentes et suivantes est effectuée à la fin de chaque page. À l'exception des différents contenus de chaque section, le contenu des autres parties de la page est le même. Si vous faites une page stupide sur une page, cela semble trop ennuyeux. En ce moment, vous avez une idée soudaine. S'il existe un moyen de garder les autres parties de la page inchangées et de faire du tutoriel uniquement en une page de contenu page par page sans autre contenu. Lorsque vous cliquez sur le lien pour monter et descendre, modifiez uniquement le contenu du tutoriel et gardez les autres inchangés. De cette façon, l'une consiste à gagner du temps, et à l'avenir, s'il y a un changement dans le tutoriel, il est également très pratique, de sorte qu'il n'affecte pas toute l'armée; Plus important encore, téléchargez la bannière publicitaire, la liste des colonnes, la navigation et d'autres choses qui ne sont téléchargées qu'une seule fois, puis ne la téléchargez plus.

Les balises IFRAME, également appelées balises de trame flottantes, peuvent être utilisées pour intégrer un document HTML dans un affichage HTML. Il est différent de la plus grande fonctionnalité de la balise de trame, c'est-à-dire que le fichier HTML référencé par cette balise ne s'affiche pas indépendamment d'un autre fichier HTML, mais peut être directement intégré dans un fichier HTML, mélangé avec le contenu de ce fichier HTML pour devenir un ensemble. De plus, le même contenu peut être affiché sur une page plusieurs fois sans avoir à répéter le contenu. Une métaphore vive est la télévision d'image dans la situation.

Parlons maintenant de l'utilisation des balises IFRAME.

Le format d'utilisation des balises iframe est:

SRC: le chemin d'accès au fichier, qui est soit un fichier HTML, soit texte, asp, etc.;

Largeur, hauteur: la largeur et la hauteur de la zone d'image dans l'image;

défilement: lorsque le fichier HTML spécifié de SRC ne s'affiche pas dans la zone spécifiée, l'option de défilement. S'il est défini sur non, aucune barre de défilement n'apparaîtra; S'il est automatique: la barre de défilement apparaîtra automatiquement; Si c'est oui, il sera affiché;

Frame comprise: La largeur de la bordure de la zone, qui est souvent définie sur 0 afin de mélanger l'image dans l'image avec le contenu adjacent.

Par exemple:

2. Contrôle mutuel entre la forme parentale et le cadre flottant

Dans le langage de script et la hiérarchie d'objets, les fenêtres contenant des iframes sont appelées formulaires parents, tandis que les trames flottantes sont appelées formes enfants. Il est important de comprendre la relation entre ces deux, car pour accéder aux formulaires enfants sous forme parent ou vice versa, vous devez être clair sur la hiérarchie des objets afin d'accéder et de contrôler la forme via le programme.

1. Les objets d'accès et de contrôle dans la forme enfant sous la forme parentale

Dans la forme parentale, iframe, c'est-à-dire une forme enfant, est un objet enfant de l'objet de document, et les objets sous la forme enfant sont accessibles directement dans le script.

Maintenant, il y a une question, c'est-à-dire comment contrôler cette iframe? Ici, nous devons parler de l'objet iframe. Après avoir défini l'attribut ID à cette balise, nous pouvons utiliser le modèle de document Modèle DOM pour contrôler le HTML contenu dans l'IFRAME.

Par exemple, intégrez le fichier test.htm dans example.htm et contrôlez certains objets tagués dans test.htm:

Le code de fichier test.htm est:

<html>

<body>

<h1 id = myh1> Bonjour, mon garçon </h1>

</docy>

</html>

Si nous voulons changer le texte dans la balise H1 avec le numéro d'identification Myh1 en bonjour, ma chère, alors:

document.myh1.innertext = Bonjour, mon cher (où le document peut être enregistré)

Dans le fichier Exemple.htm, la sous-forme mentionnée par l'objet IFRAME TAG est cohérente avec le modèle d'objet DHTML général et la méthode de contrôle d'accès pour l'objet est la même, donc je ne le répéterai plus.

2. Objets d'accès et de contrôle sous la forme parentale sous la forme enfant

Dans la forme enfant, nous pouvons accéder aux objets dans la fenêtre parent à travers son objet parent, c'est-à-dire le parent (parent).

Par exemple.htm:

<html>

<h1 id = myh2> Bonjour, ma femme </h1>

</docy>

</html>

Si vous souhaitez accéder au texte du titre avec le numéro d'identification Myh2 dans frame1.htm et le changer en bonjour, mon ami, nous pouvons l'écrire comme ceci:

parent.myh2.innertext = Bonjour, mon ami

Ici, l'objet parent représente la forme actuelle (le formulaire où se trouve l'exemple.htm). Vous devez accéder aux objets sous forme parent sous la forme enfant, et tous sont effectués via l'objet parent sans exception.

Bien que l'IFRAME soit intégré dans un autre fichier HTML, il reste relativement indépendant et est un domaine de l'indépendance. Les caractéristiques dans un seul HTML conviennent également aux cadres flottants.

Imaginez, via les balises IFRAME, nous pouvons représenter ces contenus immuables comme Iframes, afin qu'il n'y ait pas besoin de répéter le même contenu. C'est un peu comme un processus ou une fonction de programmation, économisant beaucoup de travail manuel encombrant! De plus, il est crucial qu'il rend les modifications de page plus réalisables, car vous n'avez pas à modifier chaque page en raison des ajustements de mise en page, il vous suffit de modifier la disposition d'un formulaire parent.

Une chose à noter est que Nestscape Browser ne prend pas en charge les balises IFRAME, mais dans le monde de IE, cela semble bien. Il utilise largement les balises IFRAME, qui non seulement se considèrent (site Web) et enregistre les dépenses en ligne des internautes. Pourquoi ne pas le faire?

Le cadre flottant est une définition de la spécification HTML4.0 et les navigateurs le prennent actuellement en charge.

Contrairement à la partition représentée par Frameset, un cadre flottant existe en tant qu'objet intégré sur une page Web, et son style est comme un graphique ou une applet sur une page. Floating Frame utilise la balise <frame>, qui contient la plupart des mêmes paramètres d'attribut que <Frame>, y compris: nom, src, marginwidth, marginheight, frameborder et défilement. Dans le même temps, il a également la même hauteur, la même largeur et les mêmes propriétés d'alignement que les graphiques ou les applets.

De plus, le cadre flottant suit le même principe cible que le cadre normal: nous pouvons le pointer par son nom. Ce principe s'applique aux cadres flottants dans tout type de cadre, sinon il est facile à faire. Un lien sans traget dans un cadre flottant pointe vers lui-même, tandis qu'un lien _parent pointe vers le cadre ou la fenêtre où se trouve le document contenant <frame>. Par exemple:

<Img src = images / noframe.gif alt = vous ne pouvez pas voir le cadre flottant

largeur = 150 hauteur = 200 hspace = 10 align = droite>

</frame> <br>

<A href = one.htm Target = Floater> Afficher un.htm </a> <p>

<A href = Two.htm Target = Floater> Afficher deux.htm </a> <p>

<A href = start.htm Target = Floater> ramener start.htm </a>

Notez que pour les navigateurs qui prennent en charge les balises <frame>, tout contenu situé entre <frame> et </frame> sera ignoré. Au lieu de cela, le contenu s'y est affiché, qui peut être utilisé pour expliquer que le navigateur actuel ne prend pas en charge <frame>