Heim > Artikel > Web-Frontend > Zwei Lösungen, warum HTML5 kein Frameset unterstützt

Zwei Lösungen, warum HTML5 kein Frameset unterstützt

黄舟Original: 2017-02-21 13:33:033710Durchsuche

Die Lösung lautet wie folgt:

Die ersten

verwenden Iframe, aber derzeit verwenden immer weniger Menschen Iframes sind zwischen verschiedenen Browsern nicht kompatibel. Und einige meiner Forschungs- und Entwicklungsmitarbeiter sagten, dass die Übertragung von Werten zwischen Iframe-Fenstern problematisch erscheint.

Der zweite Typ

verwendet die Onload-Methode von jQuery, um die Seite zu laden. Nachdem diese Methode jedoch zu mehreren Seiten gesprungen ist, klicken Sie auf die Schaltfläche „Zurück“ und „Vorwärts“ über dem Browser ungültig, aber Sie können darüber nachdenken, eine Zurück-Schaltfläche hinzuzufügen.

Daher bevorzuge ich persönlich diese Methode.

Normalerweise schreibe ich so

$("#main").load("mainIndex.html",function(){

 });

Bei Seiten kann p+css den Effekt eines Frames erzielen

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>p+css实现frameset效果</title>
<style type="text/css">
.header{border-bottom:1px solid #ccc;margin-bottom:5px;}
.MainContainer{min-width:960px;max-width:1600px;}
.sidebar{width:180px;float:left;margin-right:-180px;border-right:1px solid #ccc;min-height:500px;padding:5px;}
.main{float:left;margin-left:200px;padding:5px;}
.content{padding:0 10px;}
</style>
</head>
<body>
    <p class="page">
        <p class="header">
            <p id="title">
                <h1>顶部</h1>
            </p>
        </p>
        <p class="MainContainer">
            <p class="sidebar">
            边栏
            </p>
            <p  id="main" class="main">
                内容
            </p>           
        </p>
    </p>
</body>
</html>

Zusammenfassung

Die oben genannten sind die beiden Lösungen für das Problem, das HTML5 nicht hat Unterstützen Sie Frameset. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!

Stellungnahme：

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

Vorheriger Artikel：Ausführliche Erläuterung von Drag-and-Drop-Ereignissen (Drag and Drop) in HTML5Nächster Artikel：Ausführliche Erläuterung von Drag-and-Drop-Ereignissen (Drag and Drop) in HTML5

In Verbindung stehende Artikel

Mehr sehen