ホームページ  >  記事  >  ウェブフロントエンド  >  HTML はどのように JavaScript を参照するのでしょうか? HTML に JS パスを導入する 4 つの方法

HTML はどのように JavaScript を参照するのでしょうか? HTML に JS パスを導入する 4 つの方法

云罗郡主
云罗郡主オリジナル
2018-10-30 15:57:1563347ブラウズ

html は静的ページです。特定のアニメーション効果を実現するには、いくつかの js を導入する必要があります。では、html でいくつかの js ファイルを参照するには、どのような方法があるでしょうか。 jsパスを導入する方法。

HTML はどのように JavaScript を参照するのでしょうか? HTML に JS パスを導入する 4 つの方法

1: HTML で JavaScript を参照する方法

HTML でいくつかの JS 特殊効果を参照するには、次の 4 つの方法で実現できます。方法:

1.HTML ページの head タグで引用する

2.HTML ページの本文の body タグで引用する

3.HTML ページの本文の body タグで引用する要素event

4. jsファイルを直接引用する

2: html

1にjsパスを導入する4つの方法の詳細な説明。 HTML のページのヘッダーは js を参照します。つまり、ヘッダー

の前に js を書き込みます。コードは次のとおりです:
<head>
    <title></title>
    <script type="text/javascript">
    </script>
</head>

注: js コードは の間に配置する必要があり、type の属性値も次のようにする必要があります。テキスト/JavaScriptに対応します。

2. HTML ページ本体の body タグ内の引用符

HTML の主要な部分は、

> より前に記述される js を参照することです。 ;. コードは次のとおりです:
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <script type="text/javascript">
    </script>
</body>
</html>

3. 要素イベントの参照

要素イベントの参照は、要素内に直接 js ファイルを記述します。例:

    <input type="button" onClick="alert(&#39;php中文网&#39;)" value="按钮"/>

4.外部 JS ファイルの導入

外部 JS ファイルを導入し、それらを .js 接尾辞に保存し、スクリプトを使用してそれらを参照します。参照されるファイルは、たとえばヘッダーまたはメイン部分に配置できます。 :

<script src="js/index.js" type="text/javascript"></script>

上記は正しいです。HTML はどのようにして JavaScript を参照しますか? HTML に js パスを導入する 4 つの方法の完全な紹介 JavaScript ビデオ チュートリアル について詳しく知りたい場合は、php 中国語 Web サイトに注目してください。


以上がHTML はどのように JavaScript を参照するのでしょうか? HTML に JS パスを導入する 4 つの方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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