Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > H5-Tutorial > H5-Lernreise – H5-Framework (13)

H5-Lernreise – H5-Framework (13)

黄舟
Freigeben： 2017-02-17 14:43:25
Original
1714 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
3
2347
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
11
2478
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
2099
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
1978
Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen
Aus 2024-04-16 10:10:18
0
0
2049
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