HTML入門 | HTML拡張 | HTML JavaScript

Tags:

JavaScriptとは?

JavaScriptはオブジェクト(object)ベースのスクリプト言語である。HTMLではWebの内容を作成し、CSSではWebをデザインし、JavaScriptではWebの動作を実装できる。JavaScriptは主にWebブラウザで使用されるが、Node.jsのようなフレームワークを使用するとサーバーサイドプログラミングでも使用できる。コンピュータやスマートフォンなどに含まれるほとんどのWebブラウザにはJavaScriptインタプリタが内蔵されている。

script要素

script要素は、そのWebページで使用するスクリプト(script)を定義するために使用する。script要素の内部に直接スクリプトを書くか、外部スクリプトファイルのアドレスをsrc属性値として明示すればよい。

<script>
    document.getElementById("text").innerHTML = "이것이 자바스크립트다!";
</script>

コード実行

JavaScriptでHTMLスタイルも変更できる。

document.getElementById("text").style.fontSize = "25px";
document.getElementById("text").style.color = "red";
document.getElementById("text").style.backgroundColor = "yellow";

コード実行

noscript要素

noscript要素は、スクリプトをサポートしないWebブラウザを使用するユーザーに表示する文字列を設定するときに使用する。noscript要素は、通常のHTML文書のbody要素内部に現れることができるすべての要素を含めることができる。

<script>
    document.getElementById("text").innerHTML = "이것이 자바스크립트다.";
</script>
...
<noscript>이 웹 브라우저는 자바스크립트를 지원하지 않습니다!</noscript>

コード実行

外部JavaScript

外部JavaScriptを利用する方法は、HTMLとJavaScriptを分離して管理できるようにする。JavaScriptを適用するすべてのWebページの<head>タグ内に<script>タグを使用してJavaScriptを含めればよい。最近ではWebページの読み込み問題のため、bodyの一番下に入れる場合もある。

<script type="text/javascript" src="/external_javascipt.js"></script>

参照