JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

HTMLページでインラインJavaScriptコードを書く方法は？

インラインJavaScriptコードとは？

HTMLファイル内に、src属性を使わずにJavaScriptコードを直接記述することを「インラインJavaScriptコード」と呼びます。外部の.jsファイルを読み込むのではなく、HTMLドキュメントの中にコードを直接埋め込むシンプルな方法です。

インラインJavaScriptの基本的な書き方

HTMLページにインラインJavaScriptを記述するには、<script>タグの中にコードを直接書きます。このとき、src属性は指定しません。

以下は基本的な記述例です。

<!DOCTYPE html>
<html>
<head>
  <title>インラインJavaScriptの例</title>
</head>
<body>
  <script>
    document.write("こんにちは、世界！");
  </script>
</body>
</html>

ポイントまとめ

<script>タグにsrc属性を指定せず、開始タグと終了タグの間にJavaScriptコードを直接記述すれば、それがインラインJavaScriptになります。外部ファイルの読み込み設定などは不要で、手軽に動的な処理を追加できるのが特徴です。これが押さえておくべき基本のすべてです。

  1. JavaScriptでindex.htmlページから非同期コードを呼び出す方法

    HTMLページの読み込み時に非同期処理を実行したい場合は、<body>タグのonLoad属性と組み合わせて、asyncとawaitを使用します。これにより、ページとそのリソースが完全に読み込まれたタイミングで、非同期関数を安全に呼び出すことができます。 以下に、実際に動作するサンプルコードを示します。 サンプルコード index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name=&q

  2. JavaScriptで文字列を改行する方法

    JavaScriptで文字列に改行を挿入するには？ JavaScriptで文字列を改行して表示したい場合は、HTMLの <br> タグを使用します。文字列同士を + 演算子で連結し、その間に <br> を挟むことで、ブラウザ上で改行された状態で表示されます。 サンプルコード 以下は、innerHTML プロパティと <br> タグを組み合わせて、見出し内のテキストを2行に分けて表示するコード例です。 <!DOCTYPE html> <html lang="ja"> <head> <meta