JavaScript を <script> タグを使って読み込む方法と、document.head.appendChild() を使って読み込む方法の違いが知りたいです
既存の JavaScript 読み込みが document.write('http://poi.jp/javascript.js') と読み込んでいます。
調べると document.write() は非推奨とのことなので、代替手段で修正を考えています。
そこで気になったのですが、以下の認識があっているかどうかがわからないため、ご存知の方がいらっしゃいましたら、教えていただけると助かります。
知りたいこと その1)
<head> <script src="http://poi.jp/a.js"> <script src="http://poi.jp/b.js"> <script src="http://poi.jp/c.js"> </head>c.js の中で a.js または b.js の関数を利用したいが、この場合は上から順番に解釈されるので、c.js が a.js または b.js の関数を呼び出そうとした時は、a.js と b.js の読み込み完了が保証されているので c.js から a.js または b.js の関数を呼び出すことができる
知りたいこと その2)
<head> <script src="http://poi.jp/a.js"> <script src="http://poi.jp/c.js"> </head>a.js の中身
var b_js = document.createElement('script');
b_js.src = 'http://poi.jp/b.js';
document.head.appendChild(b_js);
この場合も c.js の中で a.js または b.js の関数を利用したいが、この場合は a.js を読み込む途中で b.js を読み込み、c.js が a.js または b.js の関数を呼び出そうとした時は、a.js と b.js の読み込み完了が保証されているので c.js から a.js または b.js の関数を呼び出すことができる
と解釈していますが、どちらも正しい解釈でしょうか?
ちなみに document.write() が非推奨とのことですが、具体的な不具合(または 不都合)をご存知でしたら併せて教えていただけると助かります。
解釈について、不足している点がございましたら、お手数ですがその旨をお申し付け下さい。
よろしくお願いします。
回答2件
あなたの回答
tips
プレビュー