質問: ### 前提・実現したいこと HTMLファイルの内に非同期で外部jsを読み込んでいます。← top.jsとします。 また、同じHTMLファイルののすぐ上でも、外部jsを非同期で読み込んでいます。 ← bottom.js ※直書きして読み込めばいいのですが、わけあって、このような仕様にしています。 ``` ---- 略 --- ``` やりたいこととしては、 top.jsでjqueryプラグインを読み込んで bottom.jsでjqueryの処理を走らせたいと思っています。 ### 試したこと top.jsで https://code.jquery.com/jquery-3.3.1.min.js を非同期で読み込もうとしたところ、 bottom.jsで$が無いとエラーが出て、bottom.jsの処理が動きませんでした。 次にtop.jsで document.write('https://code.jquery.com/jquery-3.3.1.min.js'); を使ったのですが、 非同期のjsで読み込んだjsの内部にdocument.write(); を使ってはいけないと怒られてしまいました。 bottom.jsにはwindow.onloadのタイミングで処理を走らせていないからいけないのだとは思うのですが 可能な限り速く、処理を走らせたいと思っています。 jqueryプラグインが読み込み終わったら、処理を走らせるという書き方はどうすればいいでしょうか? (top.jsは空にして、bottom.jsに集約して書くのでも構いません) お詳しい方、教えていただけますと幸いです。 どうぞ宜しくお願いたします。
回答: それぞれ、こうしてはいけないのでしょうか? ``` document.querySelector("head").appendChild(topJS); document.querySelector("head").appendChild(bottomJS); ``` そもそも非同期で処理しているのでしょうか?