HTML スクリプト


JavaScript は HTML ページをより動的でインタラクティブなものにします。


Examples

オンライン実例


HTML ドキュメントにスクリプトを挿入する方法。


スクリプトをサポートしていない、またはスクリプトを無効にしているブラウザーへの対処方法。


HTML <script> タグ

<script> タグは、JavaScript などのクライアント側スクリプトを定義するために使用されます。

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

JavaScript は、画像操作、フォーム検証、コンテンツの動的更新に最もよく使用されます。

次のスクリプトはブラウザーに "Hello World!" を出力します:

例

<script> document.write("Hello World!"); </script>

試してみる »

RemarkTip:JavaScript チュートリアルの詳細については、次を参照してください。JavaScript チュートリアル!


HTML<noscript> タグ

<noscript> タグは、スクリプトが使用できない場合、たとえばブラウザーでスクリプトが無効になっている場合や、ブラウザーがクライアント側スクリプトをサポートしていない場合の代替コンテンツを提供します。

<noscript> 要素には、通常の HTML ページの body 要素内にあるすべての要素を含めることができます。

<noscript> 要素の内容が表示されるのは、ブラウザーがスクリプトをサポートしていないか、スクリプトを無効にしている場合のみです:

例

<script> document.write("Hello World!") </script> <noscript>申し訳ありません、お使いのブラウザーはサポートされていません。JavaScript!</noscript>

試してみる »


JavaScript 体験(当サイトのJavaScriptチュートリアルより)

JavaScript サンプルコード:

JavaScript は HTML に直接出力できます:

document.write("<p>これは段落です。</p>");

試してみる »

JavaScript イベント応答:

<button type="button" onclick="myFunction()">クリック!</button>

試してみる »

JavaScript で HTML スタイルを処理:

document.getElementById("demo").style.color="#ff0000";

試してみる »


HTML スクリプトタグ

タグ 説明
<script> クライアント側スクリプトを定義する
<noscript> スクリプトをサポートしていないブラウザーに出力するテキストを定義する
その他の拡張