innerHTML数组效率测试（72）

最新推荐文章于 2022-10-09 10:23:20 发布

㼛思雨

最新推荐文章于 2022-10-09 10:23:20 发布

阅读量258

点赞数

分类专栏： Web APis 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_45147894/article/details/107251286

版权

Web APis 专栏收录该内容

44 篇文章 1 订阅

订阅专栏


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

<head>
    <meta charset="UTF-8">
    <title>效率测试</title>

</head>

<body>

</body>

<script>
    function fn() {
        var d1 = +new Date();
        var array = [];
        for (var i = 0; i < 1000; i++) {
            array.push('<div style="width:100px; height:2px; border:1px solid blue;"></div>');
        }
        document.body.innerHTML = array.join('');
        var d2 = +new Date();
        console.log(d2 - d1);
    }
    fn();
</script>

</html>