Maison >interface Web >tutoriel HTML >Analyse de la différence entre la production de pages Iframe et FRAME_HTML/Xhtml_Web

Analyse de la différence entre la production de pages Iframe et FRAME_HTML/Xhtml_Web

WBOY
WBOYoriginal
2016-05-16 16:41:461384parcourir
1. L'utilisation des balises Iframe
Quand il s'agit d'Iframe, vous l'avez peut-être jeté dans le "coin oublié", mais quand il s'agit de son frère Frame, vous ne serez pas étranger. La balise Frame est une balise frame Ce que nous appelons une structure multi-frame consiste à afficher plusieurs fichiers HTML dans une fenêtre de navigateur. Or, nous sommes confrontés à une situation très réaliste : s'il existe un tutoriel, il est divisé en sections une à une. A la fin de chaque page, il y a des liens vers la « section précédente » et la « section suivante », sauf que le contenu de celle-ci. chaque tutoriel est différent. De plus, le contenu des autres parties de la page est le même. Cela semble trop ennuyeux de faire une page stupide page par page, j'ai soudain pensé, s'il existe un moyen de conserver les autres parties. de la page inchangée, il suffit de rendre le didacticiel. Il devient une page de contenu page par page, sans autre contenu. Lorsque vous cliquez sur le lien haut et bas de la page, seule la partie du contenu du didacticiel sera modifiée et les autres parties resteront inchangées. De cette façon, l'un permet de gagner du temps, et l'autre est que si le didacticiel comporte trois changements longs et deux courts dans le futur, il est également très pratique et n'affectera pas l'ensemble de l'armée, plus important encore, ces bannières publicitaires, ces listes de colonnes, la navigation et d'autres éléments inclus dans presque toutes les pages ne sont téléchargés qu'une seule fois, puis ne sont plus téléchargés.
Balise Iframe, également appelée balise de cadre flottant, vous pouvez l'utiliser pour intégrer un document HTML dans un affichage HTML. La plus grande caractéristique qui diffère de la balise Frame est que le fichier HTML référencé par cette balise n'est pas affiché indépendamment des autres fichiers HTML, mais peut être directement incorporé dans un fichier HTML et intégré au contenu du fichier HTML pour devenir un tout. De plus, vous pouvez également afficher le même contenu plusieurs fois sur une page sans avoir à écrire le contenu à plusieurs reprises. Une métaphore frappante est celle de la télévision « image dans l'image ».
Parlons maintenant de l’utilisation des balises Iframe. Le format d'utilisation de la
balise Iframe est :

src : le chemin du fichier, qui peut être un fichier HTML, du texte, un ASP, etc. ;
largeur, height: "draw La largeur et la hauteur de la zone "image moyenne" ;
défilement : lorsque le fichier HTML spécifié de SRC n'est pas affiché dans la zone spécifiée, l'option de défilement, si elle est définie sur NON, la barre de défilement ne sera pas apparaître ; si c'est Auto : alors La barre de défilement apparaîtra automatiquement ; si Oui, elle sera affichée
FrameBorder : La largeur de la bordure de la zone afin d'intégrer le "image dans l'image" avec le contenu adjacent ; , il est souvent mis à 0.
Par exemple :

2. Contrôle mutuel entre le formulaire parent et le cadre flottant
Dans le langage de script et au niveau objet, y compris Iframe Nous appelons le fenêtre le formulaire parent, et le cadre flottant est appelé formulaire enfant. Il est important de comprendre la relation entre les deux, car pour accéder au formulaire enfant dans le formulaire parent ou vice versa, vous devez connaître la hiérarchie des objets avant de pouvoir accéder au formulaire enfant. peut passer le programme pour accéder et contrôler le formulaire.
1. Accéder et contrôler les objets dans le sous-formulaire du formulaire parent
Dans le formulaire parent, l'Iframe, ou sous-formulaire, est un objet enfant de l'objet document, et vous pouvez accéder directement au sous-formulaire dans le script. objets dans .
Maintenant, il y a une question, c'est-à-dire comment contrôler cet Iframe ? Ici, nous devons parler de l'objet Iframe. Lorsque nous définissons l'attribut ID sur cette balise, nous pouvons effectuer une série de contrôles sur le HTML contenu dans l'Iframe via le DOM Document Object Model.
Par exemple, intégrez le fichier test.htm dans example.htm et contrôlez certains objets tag dans test.htm :

Le code du fichier test.htm est :


Bonjour mon garçon




Si nous voulons changer le texte dans la balise H1 avec le numéro d'identification myH1 pour bonjour, mon cher, vous pouvez utiliser :
document.myH1.innerText="bonjour, mon cher" (où le document peut être omis)
Dans le fichier exemple.htm, le sous-formulaire pointé par l'Iframe L'objet mark est le même que le modèle objet DHTML général et la méthode de contrôle d'accès aux objets est la même, je n'entrerai donc pas dans les détails.
2. Accéder et contrôler les objets dans le formulaire parent dans le sous-formulaire
Dans le sous-formulaire, nous pouvons accéder aux objets dans la fenêtre parent via son objet parent (parent).
Comme exemple.htm :



Bonjour, ma femme




Si nous voulons accéder au texte du titre dans frame1.htm avec le numéro d'identification myH2 et le changer en "bonjour, mon ami", nous pouvons écrire comme ceci :
parent.myH2.innerText= "bonjour mon ami"
L'objet parent représente ici le formulaire courant (le formulaire où se trouve exemple.htm). Pour accéder aux objets du formulaire parent dans le formulaire enfant, sans exception, l'objet parent est utilisé.
Bien qu'Iframe soit intégré dans un autre fichier HTML, il reste relativement indépendant et constitue un « royaume indépendant ». Les caractéristiques d'un seul HTML s'appliquent également aux frames flottants.
Imaginez simplement, grâce à la balise Iframe, nous pouvons exprimer le contenu inchangé sous forme d'Iframe, de cette façon, nous n'avons pas besoin d'écrire le même contenu à plusieurs reprises. C'est un peu comme un processus ou une fonction de programmation, et combien de manuel fastidieux. le travail est économisé ! De plus, et surtout, cela rend les modifications de page plus réalisables, car au lieu de devoir modifier chaque page pour ajuster la mise en page, il vous suffit de modifier la mise en page d'un formulaire parent.
Une chose à noter est que le navigateur Nestscape ne prend pas en charge la balise Iframe, mais dans le monde actuel d'IE, cela ne semble pas être un gros problème. Les balises Iframe sont largement utilisées, pas seulement pour elles-mêmes (la balise Iframe). site Web), mais aussi pour les internautes pour économiser de l'argent sur les frais Internet, pourquoi pas ?
Floating FRAME est une définition de la spécification HTML4.0 et les navigateurs actuels la prennent en charge.
Contrairement à la partition représentée par FRAMESET, un FRAME flottant existe sur la page Web en tant qu'objet intégré, et son style est comme un graphique ou une applet sur une page. Floating FRAME utilise la balise

Afficher un.htm


Afficher deux.htm


Ramener start .htm
Notez que pour les navigateurs prenant en charge la balise sera ignoré. Sinon, le contenu sera affiché, ce qui peut être utilisé comme explication que le navigateur actuel ne prend pas en charge

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