diadia

趣味のプログラムを書く 

loadについて

ほか関連記事

DOM操作について
イベントとイベントハンドラ

本題

loadはイベントの一つ。関連付けられた要素を読み終わったときに発生するイベント。

loadの有用性

DOM操作をすると実行タイミングがずれることでエラーになることがある。この解消に2つの方法がある。
HTML内にjavascriptを書く際に場所に注意する。onloadイベントを使う。

使用サンプル

<!DOCTYPE html>
<html lang="utf-8">
	<head>
		<meta charset="utf-8">
		<title>loadについて</title>

	</head>
	<body>
		<button id="btn" type="submit">表示する</button>
		<ol id="blank"></ol>

		<script>
				
                                window.onload = function(){
                                console.log("load成功")   
                   			}
		</script>
	</body>

他の使い方としてはwindow.onload=function(){}のほかに要素オブジェクト.onload=function(){}の使い方もある。