关于JavaScript中window.onload/document.onload 的常见问题

  • A+
所属分类:Web前端
摘要

| 问题的出现
     最近在设计一些html的网页,然后有些JavaScript的方法想要做到网页加载完之后再进行执行,这时候就用到了window.onload以及document.onload来调用相应的function。

| 问题的出现

    最近在设计一些html的网页,然后有些JavaScript的方法想要做到网页加载完之后再进行执行,这时候就用到了window.onload以及document.onload来调用相应的function。

      首先了解一下这俩的区别:

    1.window.onload是页面上所有的DOM,样式表,脚本,图片,flash都已经加载完成了;

    2.document.onload 是DOM加载完成,不包括样式表,图片,flash。

| 常见错误

  1. 语法错误:onload写成"onLoad"
  2. 用法错误:window.onload = yourFunction(); 正确:window.onload = yourFunctionName;
  3. 当document.body.onload语句在引用的JavaScript文件中时,若此时引入语句在<head>标签里,无法正常加载;需要在<body>标签里,才可正常加载。