• 投稿者:
  • 投稿コメント:0件のコメント
  • 投稿カテゴリー:HTML
  • 投稿の最終変更日:2021年3月23日

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

コメントを残す