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>
 

猜你喜欢

转载自www.cnblogs.com/darkestinblack/p/12783702.html