ホームページ >ウェブフロントエンド >jsチュートリアル >JS ファイルを HTML ページに導入する 2 つの方法についての深い理解

JS ファイルを HTML ページに導入する 2 つの方法についての深い理解

yulia
yuliaオリジナル
2018-10-10 10:25:218829ブラウズ

完全なページは、HTML (構造)、CSS (パフォーマンス)、および JavaScript (動作) で構成されます。では、JS ファイルを HTML ページに導入する方法をご存知ですか?この記事では、HTML ページに JS ファイルを導入する 2 つの方法について説明します。興味のある方は参考にしてください。

JS ファイルを HTML ページに導入するには、3f1c4e4b6b16bbbd69b2ee476dc4f83a タグを使用する必要があります。これは、3f1c4e4b6b16bbbd69b2ee476dc4f83a タグが JavaScript に実行を開始する場所と終了する場所を指示するためです。

1. JS ファイルを外部からインポートします。

JS ファイルを b2386ffb911b14667cb8f0f91ea547a7 タグの下と 93f0f5c25f18dab9d176bd4f6de5d30e タグ内にインポートします。これにより、フロントエンドとバックエンドの分離の効果が得られ、同じ JS ファイルを複数の HTML ページで参照できるため、この方法でコードを作成および変更する方が便利です。そのため、プロジェクトでは通常、外部からインポートされた JS ファイルを使用します。

JS ファイルを外部に導入するコードは次のとおりです:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
  <script type="text/javascript" src="js/index.js" ></script>
 </head>
 <body>
  <p id="demo">点击按钮将数组转为字符串</p>
  <button onclick="myFunction()">点击</button>
 </body>
</html>

2. HTML ページに JS ファイルを埋め込みます

HTML の < に JavaScript を配置します。ページ ;body> タグでは、ページのコンテンツを妨げないように、通常、JS ファイルをページの下部に配置します。初めて JavaScript を学習するときは、HTML ページに JS ファイルを埋め込みます。この埋め込み方法は、小規模なテストの作成など、コードがあまりない状況に適しています。

JS ファイルを HTML ページに埋め込むコードは次のとおりです。

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
 </head>
 <body>
  <p id="demo">点击按钮将数组转为字符串</p>
  <button onclick="myFunction()">点击</button>
 </body>
 <script type="text/javascript">
  function myFunction(){
   var animal = ["dog", "cat", "elephant", "tiger"];
   var str=animal.toString();
   document.write("类型是:"+typeof(str)+",字符串是:"+str);   
  }
 </script>
</html>

上記では、HTML ページに JS ファイルを導入する 2 つの方法を紹介しました。それぞれに独自の長所と短所があります。仕事のニーズや個人的な習慣に応じて、初心者でも自分で試すことができる方法を選択してください。この記事が役立つことを願っています。

さらに関連するチュートリアルについては、JavaScript ビデオ チュートリアル php 公共福祉トレーニング

をご覧ください。

以上がJS ファイルを HTML ページに導入する 2 つの方法についての深い理解の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。