HTML JavaScript

JavaScriptはHTMLページに動的性とインタラクティブ性を追加します

例

私の最初のJavaScript

実際に試してみましょう

HTML <script> タグ

HTML <script> タグはクライアント側スクリプト（JavaScript）を定義するために使われます。

<script> 要素は、スクリプト文を含むことができますが、 src 属性が外部スクリプトファイルを指しています。

JavaScriptの一般的な用途は、画像処理、フォームのバリデーション、および内容の動的変更です。

HTML要素を選択するために、JavaScriptで最もよく使われる document.getElementById() 方法です。

このJavaScriptの例は、id="demo"のHTML要素に"Hello JavaScript!"を書き込みます：

例

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

実際に試してみましょう

ヒント：私たちの JavaScript 教程 でより多くのJavaScriptの知識を学びましょう。

JavaScriptの味

以下は、JavaScriptの能力を示すいくつかの例です：

例

JavaScript は内容を変更できます：

document.getElementById("demo").innerHTML = "Hello JavaScript!";

実際に試してみましょう

例

JavaScript はスタイルを変更できます：

document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";

実際に試してみましょう

例

JavaScript は属性を変更できます：

document.getElementById("image").src = "picture.gif";

実際に試してみましょう

HTML <noscript> タグ

HTML <noscript> タグは、スクリプトを無効にしているブラウザやスクリプトをサポートしていないブラウザのユーザーに表示される代替内容を定義します：

例

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>ごめんなさい、あなたのブラウザは JavaScript をサポートしていません！</noscript>

実際に試してみましょう

HTML スクリプトタグ

タグ 説明
<script> クライアントサイドスクリプトを定義します。
<noscript> クライアントサイドスクリプトをサポートしないユーザー向けの代替内容を定義します。

すべての利用可能な HTML タグの完全なリストについては、私たちの HTML タグリファレンスマニュアル。