JavaScript コードを配置する場所-フロントエンドQ&A-php.cn

JavaScript コードを配置する場所

青灯夜游

リリース： 2023-01-07 11:46:50

オリジナル

3217 人が閲覧しました

JavaScript コードは、「<script>」タグを使用して Web ページに配置し、ブラウザ環境を利用して実行する必要があります。構文は「<script>JS コード</script>」です。または ""。

JavaScript コードを配置する場所

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

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

JavaScript コードを Web ページに挿入するには 2 つの方法があります:

方法 1: <script> タグを使用してコードを直接埋め込みます</script>

HTML ページに JavaScript スクリプトを埋め込むには、<script> タグを使用する必要があります。ユーザーは、<script> タグに JavaScript コードを直接記述することができます。 </script>

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>第一个JavaScript程序</title>
    <script type="text/javascript">
        document.write("<h1>Hi,JavaScript!</h1>");
    </script>
</head>
<body></body>
</html>

ログイン後にコピー

JavaScript コードを配置する場所

方法 2: JavaScript コードを js ファイルに配置し、<script> タグを使用して js ファイルをインポートします</strong></p><p> JavaScript プログラムは、HTML ドキュメントに直接配置できるだけでなく、JavaScript ファイルにも配置できます。 </p><p>JavaScript ファイルは、拡張子 <code>.js</code> を持つテキストファイルであり、任意のテキストエディタを使用して編集できます。 </p><p>JavaScript ファイルは独立して実行できないため、Web ページにインポートし、ブラウザを通じて実行する必要があります。 JavaScript ファイルは、<script> タグを使用してインポートできます。 </p><p>例: 次のコードを含む test.js ファイルがあります: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false">alert("Hi,JavaScript!");</pre><div class="contentsignin">ログイン後にコピー</div></div><p>HTML ファイルの <head> タグ内に <script> タグを挿入します。 src 属性を定義し、その属性値を外部 JavaScript ファイルを指す URL 文字列に設定します。コードは次のとおりです。 </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><blockquote> <p>注: </p> <p><script> タグを使用して外部 JavaScript ファイルを組み込む場合、デフォルトのファイルタイプは Javascript です。したがって、読み込まれたファイルの拡張子が .js であるかどうかに関係なく、ブラウザはそれを JavaScript スクリプトとして解析します。 </script>

src 属性を定義する <script> タグには JavaScript コードを含めるべきではありません。コードが埋め込まれている場合、外部 JavaScript ファイルのみがダウンロードされて実行され、埋め込まれたコードは無視されます。 </script>

HTML ファイルを保存し、ブラウザでプレビューします:

[推奨学習: JavaScript 上級チュートリアル ]
以上がJavaScript コードを配置する場所の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。