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>中的元素是在页面加载的时候被执行的。







本文转载:CSDN博客