ホームページ >ウェブフロントエンド >jsチュートリアル >HTML_Basics に JavaScript コードを挿入する例

HTML_Basics に JavaScript コードを挿入する例

WBOYオリジナル: 2016-05-16 15:56:561109ブラウズ

JavaScript コードは、HTML ドキュメント内のどこにでも含めることができます。ただし、HTML ファイルに JavaScript を含める最良の方法は次のとおりです。

93f0f5c25f18dab9d176bd4f6de5d30e...9c3bca370b5104690d9ef395f2c5f8d1 セクション。
6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956 および 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 セクション。
次のセクションでは、JavaScript を別の方法で組み込む方法を見ていきます。

ユーザーがどこかをクリックしたときに、何らかのイベントでスクリプトを実行したい場合、スクリプトの先頭は次のようになります。

<html>
<head>
<script type="text/javascript">
<!--
function sayHello() {
  alert("Hello World")
}
//-->
</script>
</head>
<body>
<input type="button" onclick="sayHello()" value="Say Hello" />
</body>
</html>

これにより、次の結果が生成されます:

6c04bd5ca3fcae76e30b72ad730ca86d... dbf4a1b9d12965251b02d12dd197d73e セクションの JavaScript:

スクリプトが実行するページコンテンツを生成するためにページの読み込みにスクリプトが必要な場合は、そのスクリプトをドキュメントの 6c04bd5ca3fcae76e30b72ad730ca86d セクションに配置します。この場合、JavaScript で定義されたすべての機能を使用する必要はありません:

<html>
<head>
</head>
<body>
<script type="text/javascript">
<!--
document.write("Hello World")
//-->
</script>
<p>This is web page body </p>
</body>
</html>

6c04bd5ca3fcae76e30b72ad730ca86d93f0f5c25f18dab9d176bd4f6de5d30e の JavaScript:

次のように、JavaScript コードを

JavaScript 外部ファイル:

<html>
<head>
<script type="text/javascript">
<!--
function sayHello() {
  alert("Hello World")
}
//-->
</script>
</head>
<body>
<script type="text/javascript">
<!--
document.write("Hello World")
//-->
</script>
<input type="button" onclick="sayHello()" value="Say Hello" />
</body>
</html>

JavaScript をより広範囲に使用し始めると、サイトの複数のページで同じ JavaScript コードを再利用する状況があることに気づくかもしれません。

複数の HTML ファイルに同じコードを保持することに制限はありません。 script タグは、JavaScript を外部ファイルに保存し、HTML ファイルに組み込むことができるメカニズムを提供します。

ここでは、script タグと src 属性を使用して外部 JavaScript ファイルを HTML コードに組み込む方法を示す例を示します。

外部ファイルソースから JavaScript を使用するには、拡張子を使用してすべての JavaScript コードを単純なテキストファイル「.js」に記述し、上記のようにファイルをインクルードする必要があります。

<html>
<head>
<script type="text/javascript" src="filename.js" ></script>
</head>
<body>
.......
</body>
</html>

たとえば、filename.js の内容を次のファイルに保持し、filename.js ファイルをインクルードした後で HTML ファイルで SayHello 関数を使用できます。

声明：

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

前の記事：JavaScript の cookie_javascript スキルについて詳しく説明します次の記事：JavaScript の cookie_javascript スキルについて詳しく説明します

続きを見る

HTML_Basics に JavaScript コードを挿入する例

関連記事