延迟加载js文件

最新推荐文章于 2023-02-28 11:56:04 发布

unique_Lee

最新推荐文章于 2023-02-28 11:56:04 发布

阅读量3.9k

点赞数 1

分类专栏： javascript 前端文章标签： javascript

本文链接：https://blog.csdn.net/qq_20473985/article/details/70849333

版权

前端同时被 2 个专栏收录

25 篇文章 0 订阅

订阅专栏

javascript

20 篇文章 1 订阅

订阅专栏

关于延迟加载js文件的几种方式：
1.使用setTimeout的方式进行延迟加载

 <script type="text/javascript">
    function test(){
        alert("test");
    }
    setTimeout(test,2000)
 </script>

2.引入的js文件加载到</body>前，不要放在<head></head>标签内，把js外部引入的文件放到页面底部，来让js最后引入，从而加快页面加载速度；
3.在html加载之后，再动态加载js文件：

<script language="javascript">
        document.addEventListener("deviceready", onDeviceReady, false);

        function onDeviceReady() {
            //设备插件等均加载完毕后执行
            loadScript();
        }

        function loadScript() {
            //alert("loadscript");
            var tag = document.createElement("script");
            tag.src = "test.js";
            document.getElementsByTagName("head")[0].appendChild(tag);
        }
    </script>

unique_Lee

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
延迟加载js文件

关于延迟加载js文件的几种方式：1.使用setTimeout的方式进行延迟加载 <script type="text/javascript"> function test(){ alert("test"); } setTimeout(test,2000) </script>2.引入的js文件加载到</body>前，不要放在<head></head>标签内
复制链接

扫一扫