ホームページ > ウェブフロントエンド > フロントエンドQ&A > JavaScript コードは HTML で記述する必要がありますか?

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

青灯夜游
リリース: 2022-02-16 15:20:48
オリジナル
3858 人が閲覧しました

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:html;toolbar:false;">&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; &lt;title&gt;第一个JavaScript程序&lt;/title&gt; &lt;script type=&quot;text/javascript&quot;&gt; document.write(&quot;&lt;h1&gt;php中文网:php.cn&lt;/h1&gt;&quot;); &lt;/script&gt; &lt;/head&gt; &lt;body&gt;&lt;/body&gt; &lt;/html&gt;</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:js;toolbar:false">alert(&quot;php中文网:php.cn&quot;);</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:html;toolbar:false">&lt;script type=&quot;text/javascript&quot; src=&quot;test.js&quot;&gt;&lt;/script&gt;</pre><div class="contentsignin">ログイン後にコピー</div></div><p>注: </p> <ul style="list-style-type: disc;"> <li><p><script> タグを使用して外部 JavaScript ファイルを組み込む場合、デフォルトのファイル タイプは Javascript です。したがって、読み込まれたファイルの拡張子が .js であるかどうかに関係なく、ブラウザはそれを JavaScript スクリプトとして解析します。 </script>

  • src 属性を定義する

    最新の問題
  • 人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート