2012-03-25

JS練習01　ブラウザに文字を表示

「Hello World!!」とブラウザに表示させる。
※JavaScriptで文字列を表示するには、「window.document.write(　)」を使います。

(　)の中の文字列を表示します。「window.」は省略できます。

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Hello!</title>
</head>
<body>
<script type="text/javascript">
<!--
window.document.write("Hello World!!");
//-->
</script>
<noscript>
JavaScript対応ブラウザで表示してください。
</noscript>
</body>
</html>

〜結果〜

2012-03-25

JavaScript

ECMAScript（エクマスクリプト）
ECMA：European Computer Manufacturer Association（ヨーロッパ電子計算機工業会）が定めたJavaScriptの標準仕様

JScript
Microsoft社が開発し、Windows上で動作します。
※行の終わりには必ずセミコロンを付けます。

<script type="text/javascript">
<!--
window.alert('セミコロンは必ず記述しましょう');
//-->
</script>

イベントハンドラに指定した関数を呼び出すときなどは、「head」内に関数部分を記述します。

■HTML

<!DOCTYPE HTML>
<html lang="ja">
<head>
<etacharset="UTF-8">
<title>外部ファイルを読み込む</title>
<script type="text/javascript" src="winsize.js"></script>
</head>
<body>
</body>
</html>

■winsize.js

document.write("「winsize.js」を呼び出しました。")

■HTML内部に記述する
《XHTMLの場合》

<script type="text/javascript">
<![CDATE{
　ここにコードを記述
]]>
</script>

meta要素

XHTMLの場合は必須ですが、HTML5の場合は記述しません。

<meta http-equiv="Content-Script-Type" content="text/javascript">