So betten Sie mithilfe von Iframe andere Webseiten in eine Webseite ein

So betten Sie mithilfe von Iframe andere Webseiten in eine Webseite ein

So verwenden Sie Iframe:

Code kopieren
Der Code lautet wie folgt:

<DIV align=center><IFRAME src="<a href="https://www.jb51.net">https://www.jb51.net</a>" Rahmenrahmen=0 Randbreite=0 Randhöhe=0 Scrollen=nein Stil="width168:px;height:50px;" Breite=168 Höhe=50 Scrollen=nein ALLOWTRANSPARENCY="true"></IFRAME></DIV>


Beschreibung: Dies ist ein Beispiel für eine Anwendung, die eine Wettervorhersage einbettet. Dieser Effekt wird am häufigsten verwendet. In:

1. „https://www.jb51.net“ ist die Adresse der eingebetteten Webseite;
2. width="168px" height="50px" sind die Breite und Höhe der eingebetteten Webseite. Je größer der Wert, desto größer der Bereich. Um den eingebetteten Inhalt auszublenden, setzen Sie diese beiden Werte auf 0;
3. scrolling="no" ist die Scroll-Einstellung für die eingebettete Webseite. Wenn der Inhaltsbereich groß ist, kann das Scrollen mit scrolling="yes" zugelassen werden. ALLOWTRANSPARENCY="true" ermöglicht transparente Einstellungen. Ändern Sie "true" in "no" für undurchsichtige Einstellungen. Das Gleiche unten;
4. frameBorder=0 ist die Rahmeneinstellung für die eingebettete Webseite. 0 bedeutet kein Rahmen, 1 bedeutet die Dicke des Rahmens. Je größer der Wert, desto dicker der Rahmen. Das Gleiche unten;
5. marginwidth=0 marginheight=0 Legen Sie den Abstand von der eingebetteten Webseite zum Rand fest, 0 bedeutet kein Rand.

<<:  Reines CSS, um die Textsymbolfunktion zu erreichen, indem das erste Zeichen der Zeichenfolge verwendet wird

>>:  Zusammenfassung der Konfigurationsprobleme von Nginx-Standort und Proxy-Pass-Pfad

Artikel empfehlen

So verwenden Sie JS zum Parsen des Excel-Inhalts in der Zwischenablage

Inhaltsverzeichnis Vorwort 1. Ereignisse und Zwis...

MySQL-Paket für Abfrage ist zu groß – Problem und Lösung

Problembeschreibung: Fehlermeldung: Ursache: com....

So passen Sie die Protokollebene von Nginx in Docker an

Inhaltsverzeichnis Einleitung Nginx-Dockerdatei N...

Überwachen Sie die Größenänderung eines DOM-Elements über Iframe

Ein während des Entwicklungsprozesses häufig auft...

js, um einen coolen Feuerwerkseffekt zu erzielen

In diesem Artikel finden Sie den spezifischen Cod...

Implementierung der Wiederaufnahme des K8S-Knotens in den Master-Cluster

1. Knoten löschen Führen Sie kubectl delete node ...

Detaillierte Erklärung von Cgroup, dem Kernprinzip von Docker

Das leistungsstarke Tool cgroup im Kernel kann ni...

Eine andere Art von „Abbrechen“-Button

Der „Abbrechen“-Button ist nicht Teil des notwend...

Die perfekte Lösung, um das Passwort in mysql8.0.19 zu vergessen

Lesetipp: MySQL 8.0.19 unterstützt Kontosperrfunk...

CSS Acht auffällige HOVER-Effekt-Beispielcodes

1. Effekt-HTML senden <div id="senden-btn...

Eine kurze Analyse der Netzwerkprogrammierfunktionen von Linux

Inhaltsverzeichnis 1. Erstellen Sie einen Socket ...