En ce qui concerne Iframe, vous l'avez peut-être déjà jeté dans un "coin oublié", mais il n'est pas étranger à 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. Ce site Web contient cet article pour parler de l'utilisation des cadres sur la page de production de la balise IFRAME et expliquer en détail les technologies et les connaissances pertinentes du cadre de balises IFRAME dans l'article. Bienvenue pour vous apporter un soutien et aider à cet égard! Voici les détails:
En regardant les sites Web actuels, la vitesse Internet est un peu lente, mais presque toutes les pages ont beaucoup de choses similaires, telles que les bannières, les images de colonnes, les droits d'auteur, etc., bien sûr, pour les besoins du style de site Web unifié et des effets publicitaires, il est compréhensible, mais après tout, les portefeuilles des utilisateurs deviennent de plus en plus rides avec ces choses embellies. Existe-t-il un moyen d'empêcher ces choses similaires de les télécharger une fois, mais de télécharger uniquement ces contenus Web avec des modifications de contenu?
La réponse est oui: appliquez des balises iframe!
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 de trois longs et deux shorts 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 et ne sont plus téléchargées.
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:
<Iframe src = url width = x height = x défilement = [option] frameborder = x> </ iframe>
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:
<Iframe src = http: //netschool.cpcw.com/homepage width = 250 height = 200 défilement = no frameborder = 0> </ iframe>
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:
<Iframe src = test.htm id = test width = 250 height = 200 défilement = no frameborder = 0> </ iframe>
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>
<corps onclick = alert (tt.myh1.innerhtml)>
<Iframe name = tt src = frame1.htm width = 250 height = 200 défilement = no frameborder = 0> </ iframe>
<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 à l'objet sous la forme parent sous la forme enfant, et tous les objets parents sont effectués 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 des balises IFRAME, nous pouvons représenter ces contenus inchangés 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 fastidieux! 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 contenu de l'utilisation du framework sur la page de production de balises IFRAME et le cas de la fin de cet article. Vous pouvez mettre en signet l'URL de cette page http://www.vevb.com/web/a/2018090543436.shtml pour un accès facile la prochaine fois.