ホームページ > 記事 > ウェブフロントエンド > JavaScript コードを配置する場所
JavaScript コードを配置する場所
- 青灯夜游オリジナル
- 2021-09-02 16:28:193213ブラウズ
JavaScript コードは、「<script>」タグを使用して Web ページに配置し、ブラウザ環境を利用して実行する必要があります。構文は「<script>JS コード</script>」です。または ""。
このチュートリアルの動作環境: 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>
方法 2: JavaScript コードを js ファイルに配置し、<script> タグを使用して js ファイルをインポートします</script>
JavaScript プログラムは、HTML ドキュメントに直接配置できるだけでなく、JavaScript ファイルにも配置できます。
JavaScript ファイルは、拡張子 .js を持つテキスト ファイルであり、任意のテキスト エディタを使用して編集できます。
JavaScript ファイルは独立して実行できないため、Web ページにインポートし、ブラウザを通じて実行する必要があります。 JavaScript ファイルは、<script> タグを使用してインポートできます。 </script>
例: 次のコードを含む test.js ファイルがあります:
alert("Hi,JavaScript!");HTML ファイルの
タグ内に <script> タグを挿入します。 src 属性を定義し、その属性値を外部 JavaScript ファイルを指す URL 文字列に設定します。コードは次のとおりです。 <pre class="brush:php;toolbar:false"><script type="text/javascript" src="test.js"></script></pre><blockquote><p>注: <p><script> タグを使用して外部 JavaScript ファイルを組み込む場合、デフォルトのファイル タイプは Javascript です。したがって、読み込まれたファイルの拡張子が .js であるかどうかに関係なく、ブラウザはそれを JavaScript スクリプトとして解析します。 <p>src 属性を定義する <script> タグには JavaScript コードを含めるべきではありません。コードが埋め込まれている場合、外部 JavaScript ファイルのみがダウンロードされて実行され、埋め込まれたコードは無視されます。 <p>HTML ファイルを保存し、ブラウザでプレビューします: <p><img src="https://img.php.cn/upload/image/362/306/224/1630571243261745.png" title="1630571243261745.png" alt="JavaScript コードを配置する場所"/><p>[推奨学習: <a href="https://www.php.cn/course/list/2.html" target="_blank">JavaScript 上級チュートリアル ]</script>以上がJavaScript コードを配置する場所の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。