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(){}の使い方もある。