外部HTMLファイルを別のHTMLファイルに含める

ファイルに外部htmlファイルを挿入するにはどうすればよいですか？例えば外部HTMLファイルを別のHTMLファイルに含める

：

<div id="header"> 

     Here show the external HTML code in the file, for example: name.html 

</div>

はどうもありがとうございました！

出典

2013-06-17 user2467899

の詳細は新しいものを作る前に同様の質問を確認してください、私はこれは前に何度も頼まれたと確信しています。 – Ozzy

もっと良い回答がある他の質問がある場合は、誰かにリンクしてもらえますか？ありがとうございました –

@kapa（1）リンクされた質問がベストプラクティスについて質問し、これは実践的な質問をします。（2）リンクされた質問は一般的なテンプレートに関するものです。外部ファイルの内容を含めることについて（テンプレートだけではない他の用途を持つことができる）、（3）その質問とこの質問に対する回答は、全く重複がない場合と全く異なります。 – JBentley

あなたはタグを探していますが、サーバー側のテンプレート言語を探している方が良いでしょう。

出典

2013-06-17 13:15:58 SLaks

iframe element。しかし、あなたが道持っているコンテンツが複数のページに表示され

<iframe src="name.html"></iframe>

は、より良いusing templatesを扱っています。

出典

2013-06-17 13:16:15 Quentin

しかし、このように私はソースコードを参照してください、そうですか？私の目的は：私のヘッダー、メニュー、およびフッターは他の多くのHTMLファイルに表示されるからです。私が好むコードをいつでも繰り返すことを好まないためには、各セクションに1つのHTMLを書いてからページにロードしてください（この方法でメンテナンスがより簡単です）。 – user2467899

"http://stackoverflow.com/a/16132516/19068" - ソースを表示している場合のみ。 – Quentin

"私の目的は、私のヘッダー、メニュー、フッターが他の多くのHTMLファイルに表示されるからです。" - 次に、HTML機能の代わりにテンプレートを使用します。 – Quentin

これにはjquery loadを使用できます。

<script type="text/javascript"> 
$(document).ready(function(e) { 
    $('#header').load('name.html',function(){alert('loaded')}); 
}); 
</script>

コードの上にjqueryライブラリbeforを含めることを忘れないでください。

出典

2013-06-17 13:20:23

技術的には正しいですが（これは実際に外部のHTMLファイルを読み込みます）、バックホウで腎臓手術をするようなものです。質問はjQueryでタグ付けされていないので、腎臓手術を行うという明確な目的のために外出してバックホーを得ることを示唆しています。 –

もう1つの方法は、オブジェクトタグを使用することです。これはChrome、IE、Firefox、Safari、Operaで動作します。

<object data="html/stuff_to_include.html"> 
    Your browser doesn’t support the object tag. 
</object>

http://www.w3schools.com/tags/tag_object.asp

出典

2014-05-21 17:01:01

ありがとうございました...私はこれについて知らなかった – carinlynchin

これは、hrefsで問題を引き起こします。デフォルトでオブジェクトのフレーム内にロードされます。あなたは親としてhrefのターゲットをマークする必要がありますhttp://stackoverflow.com/a/1037870/852806 – HockeyJ

thx、これは私が探していたものです。：D –

外部HTMLファイルを別のHTMLファイルに含める

答えて

関連する問題