js代码的解析过程
js会在浏览器加载的时候开始执行,执行顺序为浏览器加载前,浏览器加载中,浏览器加载完成后执行。
示例代码:
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">
console.log('this is head js ');
</script>
<script type="text/javascript" src='test.js'></script>
<style type="text/css">
body{
color: red;
}
</style>
</head>
<body>
<script type="text/javascript">
console.log('this is body js');
window.οnlοad=function(){
console.log('this is onload js');
};
</script>
<p >this is body</p>
</body>
</html>
输出:
this is head js 浏览器加载前执行
this is test js 浏览器加载中
this is body js 浏览器加载中
this is onload js 浏览器加载完成后执行
由此可见head和头部引进的script脚本最先加载并执行,而onload是最后执行的,所以处于<body>和</body>中的元素是在页面加载的时候被执行的。