![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
No.1ベストアンサー
- 回答日時:
一番簡単な方法はprototype.jsやjQueryなどのAjaxライブラリを使用することでしょう。
以下にprototype.js(http://www.prototypejs.org/)を使用して別のHTMLソースを読み込んで表示する手順を示しておきます。
1) まず読み込まれる側のHTMLファイルを準備します(ここではload.html)とします。
2) 次に読み込む側のHTMLの、読み込んだファイルの内容を表示されたい箇所に<div id="container"></div>と記述しておきます。
※) ID属性値は任意のもので結構です。
3) 読み込み側のHTMLのJavaScriptに以下のように記述します。
<script type="text/javascript" src="[prototype.jsファイルを指定]"></script>
<script type="text/javascript">
<!--
window.onload = function() {
new Ajax.Updater($("container"), "load.html");
};
//-->
</script>
以上でページ表示時に<div id="container"></div>部分にload.htmlに記述された内容が表示されます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- ホームページ作成・プログラミング ホームページ作成について。「ワードプレスではありません」。 3 2023/08/13 14:44
- MySQL MySQL,JavaScript,PHPコードの結果を表示する方法を教えてください。 1 2023/02/13 17:49
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
- JavaScript JavaScript|特定URLだった時、特定の要素を変更するコードの書き方を教えてほしいです 2 2023/08/25 21:43
- Visual Basic(VBA) エクセルVBA Workbook変数に変数を使ったファイル名を格納したい 5 2023/06/13 14:46
- その他(Microsoft Office) OneDrive Personalについて 1 2022/08/02 18:25
- その他(OS) windows11非対応のインストール 3 2022/10/26 07:12
- アプリ Edgeを操作するアプリについて 4 2023/05/11 22:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
外部ファイル名を変数で指定で...
-
別ファイルのfunctionの読み込み方
-
複数のJavascriptを1つのscrip...
-
Dreamweaver で 外部JSを読み込...
-
JavaScript内の関数を別のファ...
-
javascriptとApacheの設定
-
javascriptのalertで文字化けが...
-
条件分岐で、読み込む外部スク...
-
javascriptファイルは1つに統...
-
javascript内で外部ファイルを...
-
javascriptを外部ファイルにて2...
-
外部jsファイルの変数に代入す...
-
複数ファイルアップロードはAja...
-
JavascriptとJqueryを混在し記述
-
<a href="#" …>の意味を教えて...
-
bodyにidをつける理由は何ですか?
-
showModalDialog()による新規ウ...
-
JavaScriptからVBScriptの呼び...
-
Vbscriptで自分自身のウィンド...
-
undefinedが表示されてしまう
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
別ファイルのfunctionの読み込み方
-
javascriptとApacheの設定
-
Dreamweaver で 外部JSを読み込...
-
javascriptファイルは1つに統...
-
プルダウンメニューを別ファイ...
-
javascriptのalertで文字化けが...
-
呼出したjsファイル内で他jsフ...
-
【Google Apps Script】「ライ...
-
cssにjavascriptを入れる?呼び...
-
複数のJavascriptを1つのscrip...
-
JavascriptとJqueryを混在し記述
-
JavaScriptのエラー ( 関数の...
-
ひとつの外部ファイルに複数の...
-
ホームディレクトリを示すチル...
-
外部ファイル名を変数で指定で...
-
javascriptの外部ファイルで行...
-
JavaScript内の関数を別のファ...
-
なぜ外部jsファイルはコメント...
-
twitter widgetが表示されない
-
外部読み込みで動かないときの...
おすすめ情報