js代码的解析过程

慕容屠苏

于 2018-04-27 12:54:22 发布

阅读量2.6k

点赞数

CC 4.0 BY-SA版权

分类专栏：大前端爬坑之路

本文链接：https://blog.youkuaiyun.com/kerryqpw/article/details/80106464

大前端爬坑之路专栏收录该内容

188 篇文章 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

JavaScript代码在浏览器加载过程中执行，顺序为：浏览器加载前、加载中和加载完成后。head中的脚本先执行，onload事件最后执行，<body>内的元素在页面加载时执行。

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.onload=function(){

    console.log('this is onload js');

};
</script>
<p >this is body</p>
</body>
</html>

输