①浏览器是至上而下解析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.οnlοad=function(){ html加载后做的事;}
HTML中JavaScript代码执行时间
最新推荐文章于 2024-06-13 07:30:00 发布