ホームページ > 記事 > ウェブフロントエンド > HTML5 がフレームセットをサポートしない理由に対する 2 つの解決策
HTML5 がフレームセットをサポートしない理由に対する 2 つの解決策
- 黄舟オリジナル
- 2017-02-21 13:33:033774ブラウズ
解決策は次のとおりです:
最初の解決策
は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) に注意してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。