js 加载事件

    技术2022-07-10  133

    1. 传统方式

    所有的都加载完(包括图片,,css,js,等)

    window.onload = function() { console.log(11); }

    2. addEventListener方法

    所有的都加载完(包括图片,css,js,等)

    window.addEventListener('load', function() { console.log(11); })

    当初始的 HTML 文档被完全加载和解析完成之后,DOMContentLoaded 事件被触发,而无需等待样式表、图像和子框架的完全加载。

    document.addEventListener('DOMContentLoaded', function() { console.log(11); })

    3. jQuery 方法

    等着页面DOM加载完毕再执行js文件 $(document).ready(function() { console.log(11); })

    简化版

    $(function() { console.log(11); })

    相当于DOMContentLoaded

    Processed: 0.022, SQL: 9