ホームページ  >  記事  >  ウェブフロントエンド  >  HTML再利用スキル_HTML/Xhtml_Webページ制作

HTML再利用スキル_HTML/Xhtml_Webページ制作

WBOY
WBOYオリジナル
2016-05-16 16:41:461372ブラウズ

HTML の再利用という用語はめったに言及されませんが、今日のこの問題の要約は次のとおりです:
古いバージョンのブラウザでは、HTML ドキュメントはネストをサポートしていないため、HTML コードを再利用できるようにする必要があります。サーバー側とクライアント側の実装:
1. サーバー側の実装
a. 一般的な shtml ファイルである SSI を使用します。
b.asp、php などのステートメント、asp.net のテンプレート ページおよびユーザー コントロールを含めます。

2. クライアント側で
を実装します。 a. JavaScript クライアント スクリプト
を使用します。これで、HTML ドキュメントの onload イベントで js メソッドをトリガーできます。メソッド ページ要素をコンテナとして検索し、コンテナ内に HTML コードを出力します (出力する HTML コード スニペットを格納する文字列を定義できます。たとえば、var str="

hello world!< /p>";) 。
a2. ページ内で などのスクリプト登録ブロックを使用します (ここでは Default3.aspx を JS スクリプト ファイルにすることもできます)または、js 形式を実装する他のサーバー側出力)、実装されたスクリプト ファイルの document.write メソッドを使用して、再利用する HTML コードを出力します。
a3. AJAXを使用して実装されています。この方法には欠陥があります。つまり、クライアント上の一部のブラウザはデフォルトで ajax クロスサイト呼び出しをサポートしていません。
b. iframe を使用します

次の 2 つから選択します:
一部の静的ページや特別な場合にクライアント側の実装が使用される場合を除き、多くの場合、サーバー側の実装が優先されます。 。

その他の参考資料:
http://ask-leo.com/how_do_i_include_one_html_file_inside_another.html

http://www.boutell.com/newfaq/creating/include.html

http://blog.csdn.net/omohe/archive/2007/10/28/1850766.aspx

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。