ajaxを使わずに別のページにhtmlページの本文を読み込む

Question

フッターと共通部分があるページを作成したいと思います。

フッター内のリンクをクリックすると、bodyタグに別のマークアップファイルの内容が読み込まれます。これはサーバー側では非常にシンプルですが、すべてのhtmlページがクライアントデバイス上に存在するため、他のファイルにアクセスする方法はファイルプロトコルを使用することです。だから、アヤックスも問題にはならない。

jsonpがありますが、コンテンツはJSONではなく純粋なマークアップになります。また、1つの要素にコンテンツ全体を割り当てることにした場合、JSONのhtmlタグに問題が発生します。

プレーンJSを使用してこれを達成する他の方法はありますか？

ありがとうございました

Answer 1

あなたはフレームを完全に記述しました。あなたがそれらを使用していない理由はありますか（「フレームは悪いですか？」）。

Answer 2

Framesetsセクションでページを分割することができ、リンクはセクションを指定できます。

高さと幅が既知で、フレームセットの構造に合わない特定のフレームをターゲットにする必要がある場合は、iframeを使用してsrc属性をjavascriptで変更できます。

<iframe id="myframe" height="400" width="500" /> 
<script type="text/javascript"> 
    document.getElementByID('myframe').src = 'somelocalfile.html'; 
</script> 

スクロールバーの問題を解決する必要があります。子ページのコンテンツの高さを判断し、親ページからiframeの高さを調整するには、javascriptを使用できます。