Firefox，Opera，Chrome浏览器对于script标签，页面渲染时的不同表现

JavaScript高级程序设计第三版 中：

 

Firefox，Opera，Chrome上的表现：

 

火狐及欧普显示了Big body!,谷歌没有;

可以看出不同渲染引擎的渲染策略不同,火狐及欧普是解析完的标签立即渲染，谷歌浏览器的是执行完js代码再渲染。

 

源码：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    Big body!
    <script defer="defer">
        "use strict";
        alert(1);
    </script>
    body ends!
</body>

</html>

 

 
posted @ 2020-04-27 00:16  lazilla  阅读(236)  评论(0)    收藏  举报