解決策は次のとおりです:
最初の解決策
は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) に注意してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
