前端学习（七十四） DOM-脚本操作（Dom）

脚本操作

动态加载脚本，动态加载的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文件渲染页面可以大幅提升页面性能