欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

前端学习(七十四) DOM-脚本操作(Dom)

程序员文章站 2022-07-13 13:11:54
...

脚本操作

动态加载脚本,动态加载的script可以异步执行,当执行后,脚本将被动态下载并执行

            function loadScript(url){
                var scriptN=document.createElement('script');
                scriptN.type='text/javascript';
                scriptN.src=url;
                var head = document.getElementsByTagName('head')[0];
                head.appendChild(scriptN);
            }
            loadScript('/js/new/js')

在手机端的网页,建议还是直接预加载在页面里,可以小幅度提示性能

        <script async src="js/mew.js"></script>

但是在PC端,因为要兼容IE9等以下网页,还是可以使用动态加载,以减少第一次打开页面时的渲染

场景:模块管理

随着前端的越来越复杂,引入的JS文件越来越多,而不同的JS文件又有相互依赖管理,比如如果需要jquery,那么所以需要调用jquery接口的js文件必须在jquery调用之后调用,那么就会势必造成管理困难,动态加载困难,因此诞生了一些模块管理的规范,其中有RequireJS

RequireJS允许获取依赖的模块

场景:按需加载

在实际用户操作的过程中,待操作到特定条件时动态加载需要加载的JS文件,这种方式相比一次性将JS文件渲染页面可以大幅提升页面性能

上一篇: jQuery选择器

下一篇: jQuery 选择器