onload,window.onload,DOMcontentLoaded

时间 2019-11-16

标签 onload window.onload window domcontentloaded 栏目 JavaScript 繁體版

原文原文链接

onload事件

定义和用法
onload 事件会在页面或图像加载完成后当即发生。html

语法浏览器

onload="SomeJavaScriptCode"

参数描述框架

SomeJavaScriptCode    必需。规定该事件发生时执行的 JavaScript。

支持该事件的 HTML 标签：code

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

支持该事件的 JavaScript 对象：htm

image, layer, window

何时触发？对象

在文档加载完成后能当即触发

window.onload的用法blog

页面中的代码通常状况下按照，从上到下，从左到右的顺序执行。
因此当js代码须要获取页面中的元素时，若是script标签在元素的前面，须要加window.onload；若是script放在了元素后面，就不须要加 window.onload。事件

何时触发？ip

初始的 HTML 文档被彻底加载和解析完成以后，（浏览器DOM树造成以后）而无需等待样式表、图像和子框架的完成加载。可是必须等待其所属script以前的样式表加载解析完成才会触发文档

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