外部スクリプト タグ内の JavaScript: ソースのジレンマ 構文の制限を理解することが重要です。以下の例のように、これらのタグ内に JavaScript を直接埋め込もうとすると、予期しない動作が発生します:</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre><code class="html"><script src="myFile.js"> alert("This is a test"); 外部スクリプト タグは、指定されたソースから JavaScript コードを読み込むように設計されているため、このコードは機能しません。 JavaScript のインライン実行は許可されていません。これを解決するには、追加の を作成する必要があります。ページ自体で実行したい JavaScript コードのタグ:</p> <pre><code class="html"><script> alert("This is a test"); ログイン後にコピー 次の例は、この課題に遭遇する可能性のある一般的なシナリオを示しています: addScript("script/obj.js"); addScript("script/home/login.js"); ログイン後にコピー ここでは、外部ファイルから addScript 関数を使用して複数のスクリプトを DOM に追加しますが、このアプローチは失敗します。 addScript 関数を実行してスクリプトを動的にロードするには、インライン を作成する必要があります。 tag:</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><code class="html"><script> addScript("script/obj.js"); addScript("script/home/login.js"); ログイン後にコピー この動作の理由は、外部スクリプト タグが一度に 1 つのスクリプトを読み込むという事実にあります。インライン スクリプトと外部スクリプトの両方を同じ に含めようとします。タグを使用すると、インライン スクリプトが無視されます。ページ上で複数のスクリプトを実行するには、別の <script> を作成する必要があります。 インライン の内容は、タグは外部スクリプトと併用すると無視されますが、data-* などの属性を使用してこれらのタグにデータを保存できます。このアプローチは特定のシナリオでは有利ですが、一般的には data-* 属性を使用する方がよりクリーンなソリューションであると考えられています。</p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
