最新のWeb開発のチュートリアル

HTML JavaScript


JavaScriptは、HTMLページがよりダイナミックでインタラクティブにします。


例

それを自分で試してみてください - 例

スクリプトを挿入
HTMLドキュメントにはJavaScriptを挿入する方法。

使用<noscript>タグ
スクリプトをサポートする、またはスクリプトが無効になっていないブラウザの処理方法。


HTML <script>タグ

<script>タグは、スクリプト定義するために使用されます(JavaScript)

<script>要素は、スクリプト文を含むいずれか、またはそれを介して外部スクリプトファイルを指すsrc属性。

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

スクリプトは以下のHello JavaScriptを書き込みます! HTML要素にid="demo"

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
»それを自分で試してみてください

すべてのJavaScriptを学ぶために、私たちの訪問JavaScriptのチュートリアルを


HTML <noscript>タグ

<noscript>タグは、彼らのブラウザで無効にするスクリプトを持っているか、クライアント側スクリプトをサポートしていないブラウザを持つユーザーのための代替コンテンツを提供するために使用されます。

<noscript>要素を使用すると、内部で見つけることができるすべての要素含めることができます<body>通常のHTMLページの要素を。

内部のコンテンツ<noscript>要素には、スクリプトのみがサポートされていない場合は、表示、またはユーザのブラウザで無効になっていることになります。

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

<noscript>Sorry, your browser does not support JavaScript!</noscript>
»それを自分で試してみてください

JavaScriptを味(From Our JavaScript Tutorial)

ここではJavaScriptが何ができるかのいくつかの例は以下のとおりです。

JavaScriptは、HTMLコンテンツを変更することができます。

document.getElementById("demo").innerHTML = "Hello JavaScript!";
»それを自分で試してみてください

JavaScriptは、HTMLのスタイルを変更することができます。

document.getElementById("demo").style.fontSize = "25px";
»それを自分で試してみてください

JavaScriptは、HTML属性を変更することができます。

document.getElementById("image").src = "picture.gif";
»それを自分で試してみてください

HTMLスクリプトタグ

タグ 説明
<script> クライアント側のスクリプトを定義します
<noscript> クライアント側スクリプトをサポートしていないユーザーのために代替コンテンツを定義します

練習で自分自身をテストします!

演習1» 演習2» 演習3» 演習4»