简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > H5-Tutorial > Hauptteil

H5-Lernreise – H5-Framework (13)

黄舟
Freigeben： 2017-02-17 14:43:25
Original
1650 Leute haben es durchsucht

Einführung in die H5-Frame-Syntax: Frame: Frame spielt eine große Rolle im Seitendesign. FrameSet: Frameset-Tag definiert, wie das Fenster in Frames unterteilt wird. Jedes Frameset definiert eine Anzahl von Zeilen oder Spalten, rowS /COLS Gibt den Bereich des Bildschirms an, der von jeder Zeile oder Spalte eingenommen wird. noresize: feste Framegröße cols: Zeilenverhältnis rows: Spaltenverhältnis iframe: Inline-Frame

Codebeispiel: 

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5表格提交</title></head>
   <frameset cols="20%,50%,30%">
       <frame src="framea.html">
       <frame src="frameb.html">
       <frame src="framec.html">
   </frameset></html>
Nach dem Login kopieren
Nach dem Login kopieren

! ! ! ! ! Rendern

H5-Lernreise – H5-Framework (13)

! ! ! ! ! ! Die beiden oben genannten Tags sind veraltet. Im Folgenden wird das Inline-Tag iframe

vorgestellt, das Index, Framec, Frameb und Framea verwendet. Es ist Schicht für Schicht in Form von iframe verschachtelt und zeigt das Ziel des a-Tags . Das Attribut „parent“ bedeutet das Öffnen im vorherigen verschachtelten übergeordneten Steuerelement und „top“ bedeutet das Öffnen im obersten Steuerelement

Indexcode

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5表格提交</title></head>

    index    <iframe src="framec.html" width="800px" height="800px"></iframe></html>
Nach dem Login kopieren
Nach dem Login kopieren

Framec-Code

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title></title></head><body bgcolor="#ffd700">
    framec    <br/>
    <iframe src="frameb.html" width="600px" height="600px" ></iframe></body></html>
Nach dem Login kopieren
Nach dem Login kopieren

Frameb-Code

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title></title></head><body bgcolor="black">
    frameB    <br/>
    <iframe src="framea.html" width="400px" height="400px"></iframe></body></html>
Nach dem Login kopieren
Nach dem Login kopieren

Framea-Code

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title></title></head><body bgcolor="#ff1493">
    frameA    <a href="http://wwww.baidu.com" target="_self">百度一下</a></body></html>
Nach dem Login kopieren
Nach dem Login kopieren

Selbstrenderings

H5-Lernreise – H5-Framework (13)

Übergeordnete Renderings

H5-Lernreise – H5-Framework (13)

Einführung in die H5-Frame-Syntax: Frame: Frame spielt eine große Rolle bei der Gestaltung der Seite. FrameSet: Frameset-Tag definiert, wie das Fenster in Frames unterteilt wird. Jedes Frameset definiert eine Anzahl von Zeilen oder Spalten, rowS/COLS Gibt den Bereich des Bildschirms an, der von jeder Zeile oder Spalte eingenommen wird. noresize: feste Framegröße cols: Zeilenverhältnis rows: Spaltenverhältnis iframe: Inline-Frame

Codebeispiel: 

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5表格提交</title></head>
   <frameset cols="20%,50%,30%">
       <frame src="framea.html">
       <frame src="frameb.html">
       <frame src="framec.html">
   </frameset></html>
Nach dem Login kopieren
Nach dem Login kopieren

! ! ! ! ! Rendern

H5-Lernreise – H5-Framework (13)

! ! ! ! ! ! Die beiden oben genannten Tags sind veraltet. Im Folgenden wird das Inline-Tag iframe

vorgestellt, das Index, Framec, Frameb und Framea verwendet. Es ist Schicht für Schicht in Form von iframe verschachtelt und zeigt das Ziel des a-Tags . Das Attribut „parent“ bedeutet das Öffnen im vorherigen verschachtelten übergeordneten Steuerelement und „top“ bedeutet das Öffnen im obersten Steuerelement

Indexcode

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5表格提交</title></head>

    index    <iframe src="framec.html" width="800px" height="800px"></iframe></html>
Nach dem Login kopieren
Nach dem Login kopieren

Framec-Code

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title></title></head><body bgcolor="#ffd700">
    framec    <br/>
    <iframe src="frameb.html" width="600px" height="600px" ></iframe></body></html>
Nach dem Login kopieren
Nach dem Login kopieren

Frameb-Code

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title></title></head><body bgcolor="black">
    frameB    <br/>
    <iframe src="framea.html" width="400px" height="400px"></iframe></body></html>
Nach dem Login kopieren
Nach dem Login kopieren

Framea-Code

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title></title></head><body bgcolor="#ff1493">
    frameA    <a href="http://wwww.baidu.com" target="_self">百度一下</a></body></html>
Nach dem Login kopieren
Nach dem Login kopieren

Selbstrenderings

H5-Lernreise – H5-Framework (13)

Übergeordnete Renderings

H5-Lernreise – H5-Framework (13)

Das Obige ist der Inhalt des H5 Learning Journey-H5 Framework (13). Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!


Verwandte Etiketten：
H5，学习之旅，框架
Quelle：php.cn
Vorheriger Artikel：H5-Lernreise – H5-Interaktion mit PHP (12) Nächster Artikel：H5-Lernreise – H5-Entität (14)
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
Neueste Artikel des Autors
Aktuelle Ausgaben
function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...
Aus 2024-04-29 11:01:01
0
2
1731
So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?
Aus 2024-04-23 00:22:19
0
10
1885
Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.
Aus 2024-04-19 15:37:47
0
1
1597
Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...
Aus 2024-04-18 23:52:34
0
1
1510
Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen
Aus 2024-04-16 10:10:18
0
0
1547
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！