JavaScript コードは HTML で記述する必要がありますか?-フロントエンドQ&A-php.cn

ホームページ

ウェブフロントエンド

フロントエンドQ&A

JavaScript コードは HTML で記述する必要がありますか?

青灯夜游

Feb 16, 2022 pm 03:20 PM

html javascript

JavaScript コードは HTML で記述する必要はありません。拡張子「.js」を持つスクリプトファイルに記述し、HTML の script タグ、構文「"。

JavaScript コードは HTML で記述する必要がありますか?

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript プログラムは独立して実行できず、ホスト環境でのみ実行できます。通常の状況では、JavaScript コードを Web ページに配置し、ブラウザ環境を利用して実行できます。

HTML では、JavaScript コードを使用する方法が 3 つあります。

HTML ドキュメントへの JavaScript コードの埋め込み
書き込みの場合スクリプトファイル内の JavaScript コード、スクリプトタグリファレンスを使用します

#HTML ドキュメントに JavaScript コードを埋め込みます

HTML ページに JavaScript スクリプトを埋め込む必要があります<script> タグを使用すると、ユーザーは <script> タグ内に JavaScript コードを直接記述することができます</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>第一个JavaScript程序</title> <script type="text/javascript"> document.write("<h1>php中文网：php.cn</h1>"); </script> </head> <body></body> </html></pre><div class="contentsignin">ログイン後にコピー</div></div><p><strong>JavaScript コードをスクリプトファイルに記述します</strong></p><p>JavaScript プログラムではできませんHTML ドキュメントまたは JavaScript スクリプトファイルに直接配置するだけです。 JavaScript スクリプトファイルは、.js 拡張子が付いたテキストファイルで、任意のテキストエディタを使用して編集できます。 </p><p><code>.js</code> ファイルを作成し、そのファイルに js コードを記述します (例: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>alert("php中文网：php.cn");</pre><div class="contentsignin">ログイン後にコピー</div></div><p>)。次に、HTML に <script> タグを挿入します。 src 属性を定義し、その属性値を外部 JavaScript ファイルを指す URL 文字列に設定します。コードは次のとおりです。 <br/></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'><script type="text/javascript" src="test.js"></script></pre><div class="contentsignin">ログイン後にコピー</div></div><p>注: </p> <ul style="list-style-type: disc;"> <li><p><script> タグを使用して外部 JavaScript ファイルを組み込む場合、デフォルトのファイルタイプは Javascript です。したがって、読み込まれたファイルの拡張子が .js であるかどうかに関係なく、ブラウザはそれを JavaScript スクリプトとして解析します。 </script>

src 属性を定義する