JavaScript は、HTML ページをよりダイナミックでインタラクティブにします。
<script> タグは、JavaScript のようなクライアント・サイド・スクリプトを定義するために使用します。
<script> 要素は、スクリプト文を含むか、src 属性を通して外部スクリプトファイルをポイントします。
JavaScript の一般的な用途は、画像の操作、フォームの検証、およびコンテンツの動的な変更です。
JavaScript で HTML 要素を選択する場合、大抵は document.getElementById(id) メソッドを使用します。
下のスクリプトは、id="demo" を持つ HTML 要素に Hello World! を出力します：
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Try it Yourself ❯
JavaScript の詳細については、JavaScript チュートリアルをご覧ください！
JavaScript ができることの例をいくつか下に示します：
document.getElementById("demo").innerHTML = "Hello JavaScript!";
Try it Yourself »
document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
Try it Yourself »
<noscript> タグは、ブラウザのスクリプトを無効にしているか、 クライアント・サイド・スクリプトをサポートしていないブラウザを使用しているユーザに、 代替コンテンツを提供するために使用します。
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>
Try it Yourself ❯
| タグ | 説明 |
|---|---|
| <script> | クライアント・サイド・スクリプトを定義する |
| <noscript> | クライアント・サイド・スクリプトをサポートしないユーザに代替テキストを定義する |
Exercise 1 ❯ Exercise 2 ❯ Exercise 3 ❯ Exercise 4 ❯