JavaScriptはHTMLページをより動的かつインタラクティブにします。
例文
初めてのJavaScript
HTMLの <script> タグ
<script>
タグは、クライアントサイドスクリプト(JavaScript)を定義するために使用されます。
<script>
要素にはスクリプトステートメントが含まれているか、または src
属性を通じて外部スクリプトファイルが含まれていることを指しています。
JavaScriptの一般的な用途は、画像操作、フォームの検証、およびコンテンツの動的な変更です。
HTML要素を選択するために、JavaScriptはほとんどの場合
document.getElementById()
メソッドを使用します。
javascriptの例は、 “Hello JavaScript!” と書いています。 id=”demo”のHTML要素に変換します
例文
<script>
document.getElementById(“demo”).innerHTML = “Hello JavaScript!”;
</script>
JavaScriptテイスト
ここにjavascriptが出来ることのいくつかの例があります:
JavaScript はHTMLコンテンツを変更することができます
document.getElementById(“demo”).innerHTML = “Hello JavaScript!”;
JavaScript はHTMlのスタイルを変更することができます
document.getElementById(“demo”).style.fontSize = “25px”;
document.getElementById(“demo”).style.color = “red”;
document.getElementById(“demo”).style.backgroundColor = “yellow”;
JavaScript はHTML属性を変更することができます
document.getElementById(“image”).src = “picture.gif”;
スポンサーリンク
HTML <noscript> タグ
<noscript>
タグは、ブラウザでスクリプトを無効にしているか、
クライアントサイドスクリプトをサポートしていないブラウザを使用しているユーザに代替コンテンツを提供するために使用されます。:
例文
<script>
document.getElementById(“demo”).innerHTML = “Hello JavaScript!”;
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>
HTML スクリプトタグ
Tag | 説明 |
---|---|
<script> | Defines a client-side script |
<noscript> | Defines an alternate content for users that do not support client-side scripts |