HTML5 がフレームセットをサポートしない理由に対する 2 つの解決策-H5 チュートリアル-php.cn

HTML5 がフレームセットをサポートしない理由に対する 2 つの解決策

黄舟

リリース： 2017-02-21 13:33:03

オリジナル

3750 人が閲覧しました

解決策は次のとおりです:

最初の解決策

はiframeを使用しますが、現在iframeを使用する人はますます少なくなり、iframeは依然として異なるブラウザ間で互換性がありません。そして、私の研究開発担当者の中には、iframe ウィンドウ間で値を転送するのは面倒そうだと言う人もいました。

2番目のメソッド

は、jQueryのonloadメソッドを使用してページを読み込みますが、このメソッドが複数のページにジャンプした後、ブラウザ上の戻るおよび進むボタンのクリックは無効になります。ボタン。

なので、個人的にはこの方法の方が好きです。

普段こんな感じで書いています

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

 });

ログイン後にコピー

ページの場合、p+cssでフレームの効果を実現できます

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

ログイン後にコピー

まとめ

以上がHTML5の2種類です。フレームセットはサポートされていませんソリューションのコンテンツ。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注意してください。