ホームページ > 記事 > ウェブフロントエンド > JS ファイルを HTML ページに導入する 2 つの方法についての深い理解
JS ファイルを HTML ページに導入する 2 つの方法についての深い理解
- yuliaオリジナル
- 2018-10-10 10:25:218733ブラウズ
完全なページは、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 サイトの他の関連記事を参照してください。