HTML JavaScript
JavaScriptは、HTMLページをより動的でインタラクティブにします。
例
My First JavaScript
HTMLの<script>タグ
HTML<script>
タグは、クライアント側のスクリプト(JavaScript)を定義するために使用されます。
要素にスクリプトステートメントが含まれているか、属性<script>
を介して外部スクリプトファイルを指している。src
JavaScriptの一般的な用途は、画像の操作、フォームの検証、コンテンツの動的な変更です。
HTML要素を選択するために、JavaScriptはほとんどの場合
document.getElementById()
メソッドを使用します。
このJavaScriptの例では、「HelloJavaScript!」と記述しています。id = "demo"のHTML要素に:
例
<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>Sorry, your browser does not support JavaScript!</noscript>
HTML演習
HTMLスクリプトタグ
Tag | Description |
---|---|
<script> | Defines a client-side script |
<noscript> | Defines an alternate content for users that do not support client-side scripts |
利用可能なすべてのHTMLタグの完全なリストについては、HTMLタグリファレンスにアクセスしてください。