No.1ベストアンサー
- 回答日時:
一応可能の様です。
DOMを使ってheadタグにscriptタグを追加してあげればOKです。
以下は外部スクリプトを動的に読み込むサンプルです。
-- HTMLファイル --
<?xml version="1.0" encoding="shift_jis" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<script type="text/javascript">
function loadExternalJS(scriptName){
var scriptElement = document.createElement("script");
scriptElement.setAttribute("type", "text/javascript");
scriptElement.setAttribute("src", scriptName);
document.getElementsByTagName("head")[0].appendChild(scriptElement);
}
</script>
<title>Sample</title>
</head>
<body>
<input type="button" onclick="loadExternalJS('a.js');" value="a.jsを読み込む" /><br/>
<input type="button" onclick="loadExternalJS('b.js');" value="b.jsを読み込む" /><br/>
<input type="button" onclick="func();" value="func()を呼び出し" />
</body>
</html>
-- a.js --
function func(){
alert("これはa.jsのfunc()です。");
}
-- b.js --
function func(){
alert("これはb.jsのfunc()です。");
}
動作はIE7とFirefox2.0で確認していますが、他のブラウザで動く保証はないです。
※Firefox2ではappendChildしてからJSファイルの内容が反映されるまで多少時間がかかるようです。
No.2
- 回答日時:
>条件分岐によってどの外部スクリプトを読み込むかを切り替える
のも意味があるとは思いますが、共通のスクリプトを読んでおいて
条件分岐によって適用部分を変えるほうが効率的かもしれませんね
ライブラリだって必要な部分しか読まないってわけではないですよね?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 読み込んだQRコードをフォームに受け渡したい 1 2023/05/18 11:18
- その他(IT・Webサービス) ホームページにカウント数を表示する 2 2022/10/28 10:37
- Excel(エクセル) Excel Powerクエリーの質問、行数指定は可能でしょうか? 2 2022/08/22 12:54
- PHP PHPSpreadsheetを使って関数を繰り返し埋め込みたい 1 2023/05/24 11:33
- UNIX・Linux redmineにメールを飛ばす方法 1 2022/09/13 22:02
- Excel(エクセル) Excel Powerクエリーの質問。あるクエリに一致する行だけ除外できますか? 1 2022/08/22 13:48
- その他(応用科学) 人生にセーブもロードもないと言われたりしますが、今後もし人間の脳にチップを埋め込んだりしていくと、い 5 2023/06/13 10:43
- その他(コンピューター・テクノロジー) 量子コンピュータの動作原理がわかりません。同じビットが、1でも0でも有って良いだろうか? 3 2023/02/04 03:20
- その他(プログラミング・Web制作) bashのgrepで複数の検索、かつスクリプト内で改行する方法を教えてください。 1 2022/10/06 20:09
- C言語・C++・C# [C言語] コメント文字列を無視して、数値データを読み込むプログラム部分について 5 2022/10/05 11:03
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
プルダウンメニューを別ファイ...
-
javascriptファイルは1つに統...
-
javascriptを2つ使うと1つの...
-
外部ファイルでBODYのonloadイ...
-
ホームディレクトリを示すチル...
-
複数のJavascriptを1つのscrip...
-
cssにjavascriptを入れる?呼び...
-
別ファイルのfunctionの読み込み方
-
JavascriptとJqueryを混在し記述
-
外部読み込みで動かないときの...
-
ASP.NETでjsファイルのリンクの...
-
【Google Apps Script】「ライ...
-
<a href="#" …>の意味を教えて...
-
bodyにidをつける理由は何ですか?
-
openerの関係が崩れてしまった...
-
フォーカス移動抑止について
-
キーを押している間の時間を計...
-
日数カウントダウンをホームペ...
-
SQLのWHEREで全てを質問する方法
-
【jquery】EasyUIのSubGridにMy...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
別ファイルのfunctionの読み込み方
-
javascriptとApacheの設定
-
Dreamweaver で 外部JSを読み込...
-
javascriptファイルは1つに統...
-
プルダウンメニューを別ファイ...
-
javascriptのalertで文字化けが...
-
呼出したjsファイル内で他jsフ...
-
【Google Apps Script】「ライ...
-
複数のJavascriptを1つのscrip...
-
cssにjavascriptを入れる?呼び...
-
JavascriptとJqueryを混在し記述
-
JavaScriptのエラー ( 関数の...
-
ひとつの外部ファイルに複数の...
-
javascriptの外部ファイルで行...
-
ホームディレクトリを示すチル...
-
外部ファイル名を変数で指定で...
-
JavaScript内の関数を別のファ...
-
なぜ外部jsファイルはコメント...
-
外部.jsの内容を一部置き換えて...
-
外部読み込みで動かないときの...
おすすめ情報