ページの読み込み前・直後・完了時にスクリプトを実行する方法いろいろ - JavaScript TIPSふぁくとりー

《2018年2月9日 2:30 PM 公開/更新》 ページの読み込み前・直後・完了時にスクリプトを実行する方法いろいろ [イベント] JavaScriptを使って、ウェブページの読み込み完了と同時に何らかの処理をしたい場合など、ページの読込動作とタイミングを合わせて処理を実行したいことがあります。このとき、「ページの読み込み前」・「HTMLの読み込み直後」・「ページの読み込み完了後」など実行タイミングは複数あり、それぞれでJavaScriptの書き方はいくつかあります。それらの記述方法を解説してみます。 ページの読み込み前・直後・完了時にスクリプトを実行する方法いろいろ 3(完了後): ウェブ上のあらゆるオブジェクトの読み込みがすべて完了した後で処理をする方法 (A) HTMLでbody要素に「onload」属性を指定することで、読み込み完了時に処理をする方法 (B) JavaScript