ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLにJSコードを埋め込む方法

HTMLにJSコードを埋め込む方法

王林
王林転載
2021-01-12 10:57:503521ブラウズ

HTMLにJSコードを埋め込む方法

JavaScript コードを HTML ページに埋め込む方法

(学習ビデオ共有: html ビデオ チュートリアル)

<html> <body> 
<script type="text/javascript"> document.write("Hello World!"); </script> 
</body> </html>

上記コードは HTML ページに次の出力を生成します:

Hello World!

例の説明:

JavaScript を HTML ページに挿入する必要がある場合は、3f1c4e4b6b16bbbd69b2ee476dc4f83a を使用する必要があります。タグを使用します (そして、type 属性を使用してスクリプト言語を定義します)。

このように、4ec11beb6c39d0703d1751d203c17053 と 2cacc6d41bbb37262a98f745aa00fbf0 は、JavaScript の開始位置と終了位置をブラウザーに伝えることができます。

<html> <body> 
<script type="text/javascript"> ... </script>
 </body> </html>

document.write フィールドは、ページに出力を書き込むために使用される標準の JavaScript コマンドです。

4ec11beb6c39d0703d1751d203c17053 と 2cacc6d41bbb37262a98f745aa00fbf0 の間に document.write コマンドを入力すると、ブラウザはそれを JavaScript コマンドとして実行します。このようにして、ブラウザはページに「Hello World!」を書き込みます。

<html> <body> 
<script type="text/javascript"> document.write("Hello World!"); </script>
 </body> </html>

注: 3f1c4e4b6b16bbbd69b2ee476dc4f83a タグを使用しない場合、ブラウザは document.write("Hello World!") をプレーン テキストとして扱います。つまり、コマンド自体が処理されます。ページ。

古いブラウザへの対処方法

JavaScript をサポートしていないブラウザでは、ページのコンテンツとしてスクリプトが表示されます。これを防ぐには、次のような HTML コメント タグを使用します。

<html> <body> 
<script type="text/javascript"> <!-- document.write("Hello World!"); //--> </script>
 </body> </html>

コメント行の末尾にある 2 つのスラッシュは JavaScript コメント記号であり、JavaScript コンパイラーがこの行をコンパイルするのを防ぎます。

関連する推奨事項: html チュートリアル

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

声明:
この記事はcsdn.netで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。