HTML ファイルにファイルの内容を含める方法の概要

フォーラムでは、ネットユーザーから「HTML ファイル内の別の HTML ファイルの内容を読み取ることはできますか?」という質問がよく寄せられます。答えはイエスです。方法は複数あります。以前は、iframe のみを使用して参照していましたが、後に他のいくつかの方法を見つけました。今日は、これらの方法をまとめて、参考として紹介します。3 番目の方法の方が良いと思います。

HTMLファイル内に他のHTMLファイルを導入するいくつかの方法

1.IFrameの紹介、次のコードを見てください

コードをコピー

コードは次のとおりです。

外部からインポートされたファイルが表示されますが、それを囲む外枠のようなものが見つかります。

コードをコピー

コードは次のとおりです。

しかし、まだ問題があります。それは、背景色が異なることです。インポートしたファイルimport.htmで同じ背景色を使用することもできますが、

IE5.5 を使用している場合は、透明色に関するこの記事をお読みください。スクロールバーのない長いファイルをインポートする場合は、import.htm の本文に以下を追加します。

スクロールを入力=いいえ

*デメリット: ナビゲーションジャンプができない、iframe内でジャンプできない、コンテンツが重なり合う

2.<object> メソッド

コードをコピー

コードは次のとおりです。

オブジェクトタグ — 埋め込まれたオブジェクト (画像、メディア、コードなど) を定義します。

* 標準的な Web デザインの概念に適合しておらず、標準的な Web デザインでは放棄されています。

3.動作ダウンロード方法

コードをコピー

コードは次のとおりです。

<span id=showインポート></span>
<IE:ダウンロード ID="oDownload" STYLE="behavior:url(#default#download)" />
<スクリプト>
関数 onDownloadDone(downDate){
showImport.innerHTML=ダウン日付
}
oDownload.startDownload('import.htm',onDownloadDone)
</スクリプト>

<<: Docker マイクロサービス用の ETCD クラスターの構築に関する詳細なチュートリアル

>>: 流れと動的なライン効果を実現する純粋なCSSコード