HTML ドキュメントに JavaScript を埋め込む 4 つの方法

この記事では主に、HTML ドキュメントにクライアント側の JavaScript コードを埋め込む 4 つの方法を紹介します。興味のある方は以下を参照してください:

HTML への JavaScript の埋め込み

HTML ドキュメントにクライアントを埋め込む方法は 4 つあります。サイド JavaScript コード:

1. インライン、3f1c4e4b6b16bbbd69b2ee476dc4f83a タグと 2cacc6d41bbb37262a98f745aa00fbf0 の間に配置されます。2. src 属性で指定された外部ファイル内に配置されます。 more);

3. onclick や onmouseover などの HTML イベント ハンドラーに配置されます (まれに)。この URL は特別なプロトコル「javascript」を使用します。プロトコル (まれに);

0 - 付属: スクリプト タイプ

JavaScript は、デフォルトでは、JavaScript コードを含むか、参照します。 VBScript などの非標準のスクリプト言語を使用する場合は、type 属性を使用してスクリプトの MIME タイプを指定する必要があります。例:

<script type="text/vbscript"> 
 ... ... 
</script>

type 属性のデフォルト値は「text/javascript」です。 」。

1 - インライン 3f1c4e4b6b16bbbd69b2ee476dc4f83a 要素

例:

 <script> 
 function displayTime(){ 
 ... ... 
 } 
 window.onload = displayTime; 
</script>

2 - src 属性は src 属性をサポートしており、この属性は URL を指定しますJavaScript コード ファイルの。その使用法は次のとおりです:

コードをコピーします

コードは次のとおりです:

<script src="../../scripts/util.js"></script>

src 属性を使用する場合、3f1c4e4b6b16bbbd69b2ee476dc4f83a2cacc6d41bbb37262a98f745aa00fbf0 タグの間にあるものは無視されます。 src 属性を使用してページにスクリプトを含めると、スクリプトに Web ページに対する完全な制御を与えることになります。

3 - HTML のイベント ハンドラー

スクリプトが配置されている HTML ファイルがブラウザーに読み込まれると、このスクリプト内の JavaScript コードは 1 回だけ実行されます。 JavaScript コードは、Element オブジェクトのプロパティに関数を割り当てることで、イベント ハンドラーを登録できます。この Element オブジェクトは、ドキュメント内の HTML 要素を表します。

例:

コードをコピーします

コードは次のとおりです:

<input type="checkbox" name="options" value="giftwrap" onchange="order.options.giftwrap = this.checked;">

HTML で定義されたイベント ハンドラーの属性には、カンマで区切られた任意の JavaScript ステートメントを含めることができます。これらのステートメントは関数の本体を形成し、これが対応するイベント ハンドラー プロパティの値になります。

4 - URL 内の JavaScript

URL の後に javascript:protocol 修飾子を付けることは、JavaScript コードをクライアントに埋め込むもう 1 つの方法です。この特殊なプロトコル タイプは、URL コンテンツが任意の文字列、つまり JavaScript インタープリタによって実行される JavaScript コードであることを指定します。これは別のコード行として扱われます。つまり、ステートメントはセミコロンで区切られ、コメントは /**/ コメントに置き換えられる必要があります。 javascript:URLで識別できるリソースは、実行したコードを文字列に変換した戻り値です。コードが未定義を返す場合、リソースにはコンテンツがありません。

javascript: URL は、3499910bf9dac5ae3c52d5ede7383485 タグの href 属性、ff9c23ada1bcecdd1a0fb5d5a0f18437 の action 属性、または window.open() のパラメータなど、通常の URL を使用できる場所であればどこでも使用できます。方法。

ハイパーリンク内の JavaScript URL は次のようになります:

<a href="javascript:new Date().toLocaleTimeString();" rel="external nofollow" > 
What time is it? 
</a>

以上がHTML ドキュメントに JavaScript を埋め込む 4 つの方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。