美文网首页web前端
js异步加载脚本有哪些

js异步加载脚本有哪些

作者: 南蓝NL | 来源:发表于2019-07-07 13:03 被阅读1次

defer 属性& anync,只在IE上面有效

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>defer</title>
    <script>
        window.onload = function() {
            console.log("window.onload");
        }
    </script>
    <script src="./defer.js" defer></script>
   <script src="./defer.js" async></script>
</head>
<body>
    
</body>
</html>

动态的创建js

(function(){
   var dom = document.createElement('script');
   dom.type ='text/javascript';
   dom.async = true;
   dom.src= 'file.js';
   head = document.getElementsByTagName('head')[0];
   head.insertBefore(dom,head.firstChild)
})()

XHR

let xhr  =  new XMLHttpRequest();
xhr.open('get','index.js',true)
xhr.send();
xhr.onreadystatechange = function() {
   if(xhr.readyState == 4 && xhr.status == 200){
         console.log(xhr.responseText);
   }
}

相关文章

  • js异步加载脚本有哪些

    defer 属性& anync,只在IE上面有效 动态的创建js XHR

  • 异步加载JS脚本

    异步处理外部脚本总结 Dynamic Script Element 通常我们加载JS脚本...

  • 优化

    提升页面性能的方法有哪些? 资源压缩合并,减少http请求 非核心代码异步加载异步加载的方式动态脚本加载defer...

  • 4-3 页面性能

    提升页面性能的方法有哪些?资源压缩合并,减少 HTTP 请求非核心代码异步加载异步加载的方式动态脚本的加载(通过d...

  • JavaScript补充

    01-延迟和异步加载JS 如何延迟加载JS:defer defer:js脚本可以延迟到文档完全被解析后执行 如何异...

  • 网页优化

    1. 资源代码压缩合并,减少HTTP请求 2. 非核心代码的异步加载 异步加载方式:动态脚本加载(js创建SCRI...

  • 异步加载JS脚本

    JavaScript脚本对现代网站来说是必不可少的。当用户访问站点,需要下载各种资源,例如JS脚本,CSS,图片,...

  • JavaScript第二章节

    scriptasync 表示立即下载脚本,不妨碍页面中其他下载资源,异步加载外部js脚本charset 可以忽略d...

  • H5 资源异步加载策略

    1、async & defer 区别async异步加载脚本,加载完立马执行defer异步加载脚本,并在DOMCon...

  • 浏览器加载机制&白屏和FOUC演示

    1、如何异步加载脚本? 一般情况下,浏览器在加载js文件时,会阻塞其他组件的加载,因为js可能会改变页面结构或js...

网友评论

    本文标题:js异步加载脚本有哪些

    本文链接:https://www.haomeiwen.com/subject/igiphctx.html