ゼロからわかる現代JavaScript

ここは、ふぇりあ１６歳が不定期に連載しているオンライン小説のページです。

VNIふぇりあ16歳へ

ゼロからわかる現代JavaScript

１７．イベント「onload」

オブジェクト指向はイベントから始まるというのは先述の通りです。

そのイベントハンドラの一つに、onloadイベントがあります。

使い方は、簡単でbodyタグに記述します。

そうすることで、ページが読み込まれた時に

javascriptのソースから、メソッドを呼び出します。

今回使用するソースコード onload.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<SCRIPT src="javascript.js"></SCRIPT>
</head>
<body onload = "load()">

</body>
</html>

今回使用するソースコード javascrpt.js

function load(){
　　alert("ロード終了！");
}

上記のようになります。

実行結果

コラム：
各種イベントはonload="alert('hello')"という風に
メソッドを呼び出すこともできます。

注するべき点に、" "　で囲った時はその中は
' ' で囲う必要があるところです。

良くつまずくことなので簡単なようで要注意です。