ベストアンサー

条件分岐で、読み込む外部スクリプトを切り替えることは可能でしょうか？

2007/06/30 05:49

外部化したjavascriptを用いるのですが、条件分岐によってどの外部スクリプトを読み込むかを切り替えることは可能でしょうか？そういった表記方法は見たことが無いのですが・・・

AROBAL
お礼率40% (2/5)

JavaScript
回答数2
ありがとう数0

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

Bonjin
ベストアンサー率43% (418/971)

2007/06/30 08:42 回答No.1

一応可能の様です。 DOMを使ってheadタグにscriptタグを追加してあげればＯＫです。以下は外部スクリプトを動的に読み込むサンプルです。 -- 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ファイルの内容が反映されるまで多少時間がかかるようです。