HTML中JavaScript代码执行时间

①浏览器是至上而下解析html文档中的代码的，从<!DOCTYPE>到</html>。
  其次，js代码是可以插在head或body中的
②通过script标签可以包围内部js代码或引用外部js代码，并在html文档中script越靠前通常越先执行，
  前提是都设置了解析到时就立即执行。外部js文件中的代码 比 内嵌的js代码先执行。
③通过设置script元素的defer属性，可以设置包围其内的js代码是在html文档加载完后才执行该js代码，
  还是html代码加载到该js代码时，就执行。
  1）当defer属性值为"true"或"defer"时(true比较标准)，
     会在整个页面加载完成后执行没有写在function里的JS代码。
  2）反之，当其属性值为"false"(默认值)，浏览器在加载html文档时，
     一解析到该js代码就会执行没有写在function里的JS代码。
④设置defer属性值为true后，script中没有包含在函数中(并该函数没被调用)的代码会立即执行，
  在其函数中则不会。
⑤如果方法写在function里的话，会按照你的触发事件而执行，以下是各种事件： 
  onabort 图像加载被中断
  onblur 元素失去焦点
  onchange 用户改变域的内容
  onclick 鼠标点击某个对象
  ondblclick 鼠标双击某个对象
  onerror 当加载文档或图像时发生某个错误
  onfocus 元素获得焦点
  onkeydown 某个键盘的键被按下
  onkeypress 某个键盘的键被按下或按住
  onkeyup 某个键盘的键被松开
  onload 某个页面或图像被完成加载
  onmousedown 某个鼠标按键被按下
  onmousemove 鼠标被移动
  onmouseout 鼠标从某元素移开
  onmouseover 鼠标被移到某元素之上
  onmouseup 某个鼠标按键被松开
  onreset 重置按钮被点击
  onresize 窗口或框架被调整尺寸
  onselect 文本被选定
  onsubmit 提交按钮被点击
  onunload 用户退出页面
⑥onload事件函数是指html文档加载结束后执行的函数，当需要操作HTMl的DOM树时，
  通常应该在onload事件函数中操作，防止html还没加载完就执行js代码时，
  找不到指定的元素(标签)和内容。
  onload标准来说与匿名函数配合使用：window.onload=function(){ html加载后做的事;}