ホームページ > 記事 > ウェブフロントエンド > 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 サイトの他の関連記事を参照してください。