Heim > Web-Frontend > H5-Tutorial > Hauptteil

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

黄舟
Freigeben: 2017-02-21 13:33:03
Original
3750 Leute haben es durchsucht

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(){

 });
Nach dem Login kopieren



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>
Nach dem Login kopieren



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)!


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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!