HTMLの
HTMLの<script>タグについて
JavaScriptをWebページで動かすためには、<script>タグの役割を理解することが重要です。ここでは、<script>タグの基本的な使い方と、コードの記述位置による違いを解説します。
<script>タグの基本
- a) <script>タグは、クライアントサイドで実行されるスクリプト（主にJavaScript）を定義するために使用されます。
- b) <script>タグの中には、スクリプトのステートメントを直接記述するか、外部スクリプトファイルへの参照を含めることができます。
JavaScriptのコードは<script>タグ内に記述する
JavaScriptのコードは必ず<script>タグの中に記述する必要があります。タグの外に書かれたJavaScriptコードは、ブラウザによってスクリプトとして認識されず、そのまま画面に表示されてしまうか、エラーの原因となります。
まずは、変数を<script>タグの外で宣言した場合の例を見てみましょう。
例：変数がタグの外にある場合
<html>
<body>
<p id="tag"></p>
var a = 1;
<script>
var b = 2;
var c = a + b;
document.getElementById("tag").innerHTML = c;
</script>
</body>
</html>出力結果
var a = 1
このように、変数宣言「var a = 1」が<script>タグの外側にあるため、JavaScriptとして実行されず、そのテキストがそのままページに出力されてしまいます。
次に、すべての変数を<script>タグの内側で宣言した場合の例です。
例：変数がタグの中にある場合
<html>
<body>
<p id="tag"></p>
<script>
var a = 1;
var b = 2;
var c = a + b;
document.getElementById("tag").innerHTML = c;
</script>
</body>
</html>出力結果
3
今回は「var a = 1」も<script>タグ内に記述されているため、JavaScriptとして正しく解釈・実行され、「a + b = 1 + 2 = 3」という計算結果が画面に表示されます。
まとめ
<script>タグは、HTMLドキュメント内でJavaScriptを実行するために不可欠な要素です。コードを正しく動作させるためには、すべてのJavaScript文を<script>タグ内に記述するか、src属性を使って外部スクリプトファイルを読み込むようにしましょう。また、外部ファイルを読み込む場合は次のように記述します。
<script src="example.js"></script>
-
JavaScriptのwithステートメントとは？用途と使い方をわかりやすく解説
JavaScriptのwithステートメントは、特定のプロパティに対してデフォルトのオブジェクトを指定し、冗長になりがちなオブジェクト参照の記述を省略するための構文です。withブロック内で指定したオブジェクトは、スコープチェーンの先頭に追加されるため、そのプロパティ名だけで直接アクセスできるようになります。
基本的な動作
通常、オブジェクトのプロパティにアクセスするには、毎回オブジェクト名を明示する必要があります。しかし、withステートメントを使えば、以下のようにコードを簡潔に書けます。
オブジェクト名の繰り返し記述を省略できる
同じオブジェクトの複数のプロパティへ短くアクセスできる
指
-
OSのカーネルとは？役割・仕組みと5つの種類をわかりやすく解説
Windows、macOS、Linux、Androidなど、あらゆるオペレーティングシステム（OS）には「カーネル（Kernel）」と呼ばれる中核プログラムが存在します。カーネルはシステム全体の「ボス」のような存在であり、まさにOSの心臓部です。コンピューター上で起こるあらゆる処理はカーネルを経由し、他のすべてを制御するコンピュータープログラムでもあります。本記事では、OSにおけるカーネルとは何か、そしてカーネルにはどのような種類があるのかを詳しく解説します。
OSにおけるカーネルとは
カーネルはOSの中核プログラムであるだけでなく、ブートローダーの実行後に最初に読み込まれるプログラムでもあり
HTMLの<script>タグについて
JavaScriptをWebページで動かすためには、<script>タグの役割を理解することが重要です。ここでは、<script>タグの基本的な使い方と、コードの記述位置による違いを解説します。
<script>タグの基本
- a) <script>タグは、クライアントサイドで実行されるスクリプト（主にJavaScript）を定義するために使用されます。
- b) <script>タグの中には、スクリプトのステートメントを直接記述するか、外部スクリプトファイルへの参照を含めることができます。
JavaScriptのコードは<script>タグ内に記述する
JavaScriptのコードは必ず<script>タグの中に記述する必要があります。タグの外に書かれたJavaScriptコードは、ブラウザによってスクリプトとして認識されず、そのまま画面に表示されてしまうか、エラーの原因となります。
まずは、変数を<script>タグの外で宣言した場合の例を見てみましょう。
例：変数がタグの外にある場合
<html>
<body>
<p id="tag"></p>
var a = 1;
<script>
var b = 2;
var c = a + b;
document.getElementById("tag").innerHTML = c;
</script>
</body>
</html>出力結果
var a = 1
このように、変数宣言「var a = 1」が<script>タグの外側にあるため、JavaScriptとして実行されず、そのテキストがそのままページに出力されてしまいます。
次に、すべての変数を<script>タグの内側で宣言した場合の例です。
例：変数がタグの中にある場合
<html>
<body>
<p id="tag"></p>
<script>
var a = 1;
var b = 2;
var c = a + b;
document.getElementById("tag").innerHTML = c;
</script>
</body>
</html>出力結果
3
今回は「var a = 1」も<script>タグ内に記述されているため、JavaScriptとして正しく解釈・実行され、「a + b = 1 + 2 = 3」という計算結果が画面に表示されます。
まとめ
<script>タグは、HTMLドキュメント内でJavaScriptを実行するために不可欠な要素です。コードを正しく動作させるためには、すべてのJavaScript文を<script>タグ内に記述するか、src属性を使って外部スクリプトファイルを読み込むようにしましょう。また、外部ファイルを読み込む場合は次のように記述します。
<script src="example.js"></script>
-
JavaScriptのwithステートメントとは？用途と使い方をわかりやすく解説
JavaScriptのwithステートメントは、特定のプロパティに対してデフォルトのオブジェクトを指定し、冗長になりがちなオブジェクト参照の記述を省略するための構文です。withブロック内で指定したオブジェクトは、スコープチェーンの先頭に追加されるため、そのプロパティ名だけで直接アクセスできるようになります。 基本的な動作 通常、オブジェクトのプロパティにアクセスするには、毎回オブジェクト名を明示する必要があります。しかし、withステートメントを使えば、以下のようにコードを簡潔に書けます。 オブジェクト名の繰り返し記述を省略できる 同じオブジェクトの複数のプロパティへ短くアクセスできる 指
-
OSのカーネルとは？役割・仕組みと5つの種類をわかりやすく解説
Windows、macOS、Linux、Androidなど、あらゆるオペレーティングシステム（OS）には「カーネル（Kernel）」と呼ばれる中核プログラムが存在します。カーネルはシステム全体の「ボス」のような存在であり、まさにOSの心臓部です。コンピューター上で起こるあらゆる処理はカーネルを経由し、他のすべてを制御するコンピュータープログラムでもあります。本記事では、OSにおけるカーネルとは何か、そしてカーネルにはどのような種類があるのかを詳しく解説します。 OSにおけるカーネルとは カーネルはOSの中核プログラムであるだけでなく、ブートローダーの実行後に最初に読み込まれるプログラムでもあり