美文网首页
动态加载JS脚本

动态加载JS脚本

作者: 404发现号 | 来源:发表于2019-06-13 18:39 被阅读0次

头脑笨不可怕,但是我认真啊,但是我刻苦啊,但是我爱学啊😄。


<!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">

    <script src="https://ajax.googlepis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

    <script>

        if(!window.jQuery) document.write('<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"><\/script>');

    </script>

    <title>Document</title>

</head>

<body>

    <script>

        console.log(window.jQuery)   

    </script>

</body>

</html>

总结:当CDN文件丢失或者加载失败的时候 使用判断的方式动态加载外链脚本或将脚本下载到本地即可

相关文章

  • 浏览器性能提升--js加载优化

    动态加载js脚本函数封装优点:js代码加载不阻塞浏览器其他的执行

  • JavaScript 性能优化小记

    加载与运行 延期脚本 js文件要在dom加载完成时才会被下载 动态脚本元素 var script= d...

  • (转)LABJS源码浅析

    LABJS源码浅析 LABjs里的动态加载脚本文件,是指页面的js脚本执行时,通过多种方法去加载外部的js(主要区...

  • 动态加载JS脚本

    头脑笨不可怕,但是我认真啊,但是我刻苦啊,但是我爱学啊?。 总结:当CDN文件丢失或者加载失败的时候 使用判断的方...

  • 2019-05-30

    Javascript之动态加载脚本和样式 //动态加载脚本 function loadScript(url){ ...

  • 通过JS加载脚本

    目的:通过js加载其他脚本原理:动态的创建 元素兼容:IE使用 元素的 onreadystatechang...

  • JS实现动态加载脚本

    前记 本文是基于ES6语法的 async 和 await 语句, 实现 JS 动态 加载 脚本 。 具体代码 考...

  • 网页优化

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

  • js-动态添加脚本

    简述使用动态脚本加载JS,并且在浏览器中的兼容处理: Firefox,Opera,Chrome,Safari3以上...

  • JavaScript动态加载js和css

    动态加载js 参考:javascript 性能优化 动态加载css 参考: 动态加载 css 方法实现和深入解析 ...

网友评论

      本文标题:动态加载JS脚本

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