「window.onload」と「$(document).ready()」の違いについて
2019.11.27
2019.11.27
質問内容
Javascriptでの「window.onload」と「$(document).ready()」の違いについて教えてください。
ベストアンサー
「ready」はHTMLがロードされた後にイベントが発生します。
一方、「onload」はすべてのコンテンツ(例えば画像)がロードされた後にイベントが発生します。
「onload」イベントは、DOMにおける標準イベントですが、「ready」イベントはjQueryによる固有のものです。「ready」イベントの目的は、ドキュメントが読み込まれた後、できるだけ早くイベントを発生させるためのものです。
そのため、「ready」イベントでのコードは、すべてのコンテンツが読み込まれるのを待たずにページ内の要素に機能を追加することができます。
原文
https://stackoverflow.com/questions/3698200/window-onload-vs-document-ready