JavaScript により HTML ページがより動的でインタラクティブになります

初めての JavaScript

 

HTML <script> ラベル

HTML <script> タグはクライアント スクリプトを定義するために使用されます(JavaScript)。

<script> 要素にはスクリプト ステートメントを含めることができ、src 属性を通じて外部スクリプト ファイルを指すこともできます。。

JavaScript の一般的な用途は、画像の操作、フォームの検証、コンテンツの動的な変更です。

HTML 要素を選択するために、JavaScript は一般的に document.getElementById() メソッドを使用します。

この JavaScript の例では、id="demo" の HTML 要素に "Hello JavaScript!"を書き込みます。

<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> クライアント側のスクリプトをサポートしないユーザー向けに代替コンテンツを定義します。