質問: ### 質問内容 javascriptは一週間前から学び始めました。 javascriptの外部ファイルの読み込みについて、「bodyタグの一番最後にjavascriptの外部ファイルを張り付ける」のがいいとされていますが、その外部ファイルの使い方がよくわかりません。 とりあえず下のように書きました。 ``` practice ``` そしてindex.jsに下のように書きました。 ``` var m="Thank you"; ``` そしてブラウザに読み込むと、何も書かれていません。理由は外部ファイルがbodyタグの中で実行されるscriptより下にあり、変数を読み込めないからです。 試しに外部ファイルをbodyタグ内の一番最初に書いて読み込むとちゃんと表示されます。 このように、外部ファイルに変数を指定すると途中実行するスクリプトに支障が出ます。 とても簡単なことかもしれませんが、どのようなやり方で外部ファイルを指定するのか教えてください。
回答: > > 外部ファイルに変数を指定すると途中実行するスクリプトに支障が出ます。 > > > 変数の定義の順番については書き方によって支障が出ますが、そこは定義順に左右されないように組めばよいです。 最近の書き方をしたJavaScriptでは、特別な事情が無ければ`document.write` を使わないから、特に問題になりません。(外部スクリプトの変数を、DOMを辿って書き換えをするから、外部スクリプト側だけで完結できる) 【document . writeはやめて、innerHTMLを使おう | Web Developers Antenna ウェブ開発者アンテナ [W'ANEB]】 【innerHTMLの代わりにinsertAdjacentHTML()を使ってみようか。(DOMおれおれAdvent Calendar 2015 01日目) | Ginpen.com】 Google も言ってますね。 【サイトで document.write() を使用しない | Tools for Web Developers | Google Developers】 【Intervening against document.write() | Web | Google Developers】(上記記事のリンク切れしている英語記事)