onload,window.onload,DOMcontentLoaded

onload事宜

定义和用法
onload 事宜会在页面或图象加载完成后马上发作。

语法

onload="SomeJavaScriptCode"

参数 形貌

    SomeJavaScriptCode    必需。划定该事宜发作时实行的 JavaScript。

支撑该事宜的 HTML 标签:

    <body>, <frame>, <frameset>, <iframe>, <img>, <link>, <script>

支撑该事宜的 JavaScript 对象:

    image, layer, window

window.onload

什么时候触发?

在文档加载完成后能马上触发

window.onload的用法

页面中的代码平常状况下根据,从上到下,从左到右的递次实行。
所以js代码须要猎取页面中的元素时,假如script标签在元素的前面,须要加window.onload;假如script放在了元素背面,就不须要加 window.onload。

DOMContentLoaded

什么时候触发?

初始的 HTML 文档被完整加载和剖析完成以后,(浏览器DOM树构成以后)而无需守候样式表、图象和子框架的完成加载。然则必需守候其所属script之前的样式表加载剖析完成才会触发

用法
jQuery 中常常运用的 $(document).ready(function() { // …代码… }); 实在监听的就是 DOMContentLoaded 事宜

两者区分详解

看这里

    原文作者:湮慕鸢
    原文地址: https://segmentfault.com/a/1190000017496800
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞