Heim > Web-Frontend > HTML-Tutorial > Analyse des Unterschieds zwischen Iframe- und FRAME_HTML/Xhtml_Web-Seitenproduktion

Analyse des Unterschieds zwischen Iframe- und FRAME_HTML/Xhtml_Web-Seitenproduktion

WBOY
Freigeben: 2016-05-16 16:41:46
Original
1368 Leute haben es durchsucht
1. Die Verwendung von Iframe-Tags
Wenn es um Iframe geht, haben Sie es vielleicht in die „vergessene Ecke“ geworfen, aber wenn es um seinen Bruder Frame geht, werden Sie nicht unbekannt sein. Frame-Tag ist ein Frame-Tag, den wir als Multi-Frame-Struktur bezeichnen, um mehrere HTML-Dateien in einem Browserfenster anzuzeigen. Jetzt stoßen wir auf eine sehr realistische Situation: Wenn es ein Tutorial gibt, ist es nacheinander in Abschnitte unterteilt. Am Ende jeder Seite gibt es Links zu „vorheriger Abschnitt“ und „nächster Abschnitt“, mit Ausnahme des Inhalts Jedes Tutorial ist anders. Außerdem ist der Inhalt anderer Teile der Seite derselbe. Es scheint zu langweilig, Seite für Seite zu erstellen. Zu diesem Zeitpunkt dachte ich plötzlich, ob es eine Möglichkeit gibt, andere Teile beizubehalten Der Inhalt der Seite bleibt unverändert. Erstellen Sie einfach das Tutorial. Es wird zu einer seitenweisen Inhaltsseite ohne andere Inhalte. Wenn Sie auf den Link zum Auf- und Abwärtsklicken der Seite klicken, wird nur der Teil des Tutorialinhalts geändert, und die anderen Teile bleiben unverändert. Dies spart zum einen Zeit und zum anderen ist es auch sehr praktisch, wenn das Tutorial in Zukunft drei lange und zwei kurze Änderungen aufweist und sich nicht auf die gesamte Armee auswirkt, was noch wichtiger ist: Werbebanner, Spaltenlisten usw. Navigation und andere Dinge, die auf fast jeder Seite enthalten sind, werden nur einmal heruntergeladen und dann nicht mehr heruntergeladen.
Iframe-Tag, auch Floating-Frame-Tag genannt, Sie können es verwenden, um ein HTML-Dokument in eine HTML-Anzeige einzubetten. Der größte Unterschied zum Frame-Tag besteht darin, dass die durch dieses Tag referenzierte HTML-Datei nicht unabhängig von anderen HTML-Dateien angezeigt wird, sondern direkt in eine HTML-Datei eingebettet und mit dem Inhalt der HTML-Datei zu einem Ganzen integriert werden kann Darüber hinaus können Sie den gleichen Inhalt auch mehrmals auf einer Seite anzeigen, ohne den Inhalt wiederholt schreiben zu müssen. Eine anschauliche Metapher ist „Bild-in-Bild“-Fernsehen.
Lassen Sie uns nun über die Verwendung von Iframe-Tags sprechen. Das Verwendungsformat des
Iframe-Tags ist:

src: der Pfad der Datei, der eine HTML-Datei, Text, ASP usw. sein kann; height: „draw“ Die Breite und Höhe des Bereichs „Medium Picture“;
Scrollen: Wenn die angegebene HTML-Datei von SRC nicht im angegebenen Bereich angezeigt wird, wird die Bildlaufoption, wenn auf NEIN gesetzt, die Bildlaufleiste nicht angezeigt erscheint; wenn es „Auto“ ist: dann wird die Bildlaufleiste automatisch angezeigt; wenn „Ja“, wird es angezeigt; , es wird oft auf 0 gesetzt.
Zum Beispiel:


2. Gegenseitige Kontrolle zwischen übergeordnetem Formular und schwebendem Rahmen
In der Skriptsprache und auf Objektebene, einschließlich Iframe Wir nennen das Fenster ist das übergeordnete Formular, und der schwebende Rahmen wird als untergeordnetes Formular bezeichnet. Es ist wichtig, die Beziehung zwischen den beiden zu verstehen, denn um auf das untergeordnete Formular im übergeordneten Formular zuzugreifen oder umgekehrt, müssen Sie die Objekthierarchie kennen kann ein Programm übergeben, um auf das Formular zuzugreifen und es zu steuern. 1. Greifen Sie auf Objekte im Unterformular im übergeordneten Formular zu und steuern Sie diese.
Im übergeordneten Formular ist der Iframe oder das Unterformular ein untergeordnetes Objekt des Dokumentobjekts, und Sie können im Skript direkt auf das Unterformular zugreifen. Objekte in .
Jetzt stellt sich die Frage: Wie steuern wir diesen Iframe? Hier müssen wir über das Iframe-Objekt sprechen. Wenn wir das ID-Attribut auf dieses Tag setzen, können wir über das Document Object Model DOM eine Reihe von Steuerelementen für den im Iframe enthaltenen HTML-Code ausführen.
Betten Sie beispielsweise die Datei test.htm in example.htm ein und steuern Sie einige Tag-Objekte in test.htm:





Hallo, mein Junge



Wenn wir den Text im H1-Tag mit der ID-Nummer ändern möchten myH1 zu Hallo, meine Liebe, Sie können Folgendes verwenden: document.myH1.innerText="hello,my Dear" (wobei document weggelassen werden kann)
In der Datei example.htm das Unterformular, auf das der Iframe zeigt Mark-Objekt ist dasselbe wie das allgemeine DHTML-Objektmodell und die Objektzugriffskontrollmethode ist dieselbe, daher werde ich nicht auf Details eingehen.
2. Auf Objekte im übergeordneten Formular im Unterformular zugreifen und diese steuern.
Im Unterformular können wir über das übergeordnete (übergeordnete) Objekt auf die Objekte im übergeordneten Fenster zugreifen.
Zum Beispiel example.htm:




Hallo, meine Frau



Wenn wir mit der ID-Nummer myH2 auf den Titeltext in Frame1.htm zugreifen und ihn in „Hallo, mein Freund“ ändern möchten, können wir so schreiben: parent.myH2.innerText= „Hallo, mein Freund“
Das übergeordnete Objekt stellt hier das aktuelle Formular dar (das Formular, in dem sich example.htm befindet, wird ausnahmslos das übergeordnete Objekt im untergeordneten Formular verwendet).
Obwohl Iframe in eine andere HTML-Datei eingebettet ist, bleibt es relativ unabhängig und stellt ein „unabhängiges Königreich“ dar. Die Eigenschaften in einem einzelnen HTML gelten auch für schwebende Frames.
Stellen Sie sich vor, dass wir durch das Iframe-Tag den unveränderten Inhalt als Iframe ausdrücken können. Auf diese Weise müssen wir nicht immer wieder denselben Inhalt schreiben. Dies ist ein bisschen wie ein Prozess oder eine Funktion in der Programmierung und wie viel mühsames Handbuch Arbeit wird gespart! Darüber hinaus, und das ist entscheidend, werden Seitenänderungen einfacher, da Sie nicht jede Seite ändern müssen, um das Layout anzupassen, sondern nur das Layout eines übergeordneten Formulars ändern müssen.
Zu beachten ist, dass der Nestscape-Browser das Iframe-Tag nicht unterstützt, aber in der heutigen IE-Welt scheint dies keine große Sache zu sein, nicht nur um ihrer selbst willen (die Website), aber auch für Internetnutzer, um Internetgebühren zu sparen, warum nicht?
Floating FRAME ist eine Definition in der HTML4.0-Spezifikation und wird von aktuellen Browsern unterstützt.
Im Gegensatz zu der durch FRAMESET dargestellten Partition existiert ein schwebender FRAME auf der Webseite als integriertes Objekt und sein Stil ähnelt einer Grafik oder einem Applet auf einer Seite. Floating FRAME verwendet das

Zeige eins.htm


Zeige zwei.htm


Zurückbringen start .htm
Beachten Sie, dass bei Browsern, die das Tag ignoriert werden. Andernfalls wird der Inhalt angezeigt, was als Erklärung dafür dienen kann, dass der aktuelle Browser

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage