javascriptでHTMLにonloadの記載無しにfunctionを呼び出す方法

2016/02/14

HTMLページを読み込む際にbodyタグにonload="script();"を記載するとjavascriptで用意したスクリプトが呼び出されます。

でも、全ページのbodyタグを修正するとなると結構な手間です。

以下の記述を使うとbodyタグに追記することなく、呼び出すjavascriptファイルをページに前もって追加しておくだけなので、便利だと思いました。

まずはスクリプトファイルを用意します。例：example.js


if (window.addEventListener) { 
  window.addEventListener('load',openalert,false); 
}
else if (window.attachEvent) { 
  window.attachEvent('onload',openalert);
}
function openalert(event) { 
  alert("必要なコードを記載してください。"); 
}

HTMLページにexample.jsを追加します。


<html> 
<head>
        <script type="text/javascript" src="example.js" ></script>
</head>

<body>
</body>
</html>