TECH I.S.

HTML JavaScript


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






HTML<script>タグ

HTML<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の魅力

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タグリファレンスを参照してください。



プログラミング学習を加速させる

プログラミングをプロの講師に教えてもらいませんか。

テックアイエスのプログラミングスクールは初心者も大歓迎です。年齢制限もありません。転職・副業に強く、挫折させない手厚いサポートで稼ぐ力を身につけましょう!

スクールの詳細