DOM 解析完成觸發
不需完成圖片、CSS、iframe等加載,只要DOM解析完成就觸發,這邊介紹兩種寫法,完成相同任務
JavaScript
window.addEventListener('load', function () {
alert('JavaScript Resource Loaded')
})
jQuery
jQuery(document).ready(function () {
alert('jQuery Ready')
})
資源載入完成觸發
圖片、CSS、iframe…等,資源載入完成後觸發, 這邊一樣介紹兩種寫法,完成相同任務
JavaScript
window.addEventListener('load', function () {
alert('JavaScript Resource Loaded')
})
jQuery
$(window).on("load", function () {
alert('jQuery Resource Loaded')
})
HTML事件參考
https://html.spec.whatwg.org/multipage/indices.html#events-2