zoukankan      html  css  js  c++  java
  • 外引js — 先引入cdn,cdn失效时引入本地js

    参考:http://www.tianshan277.com/563.html

    效果:

    html:

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>js加载</title>
            <script>
                function errorload(elem) { //cdn错误
                    if (elem.getAttribute('data-errorTimes') == 1) { 
                        elem.onerror = null; // 执行完onerror事件后,置onerror=null 来清除onerror事件。
                        return;
                    }
                    elem.setAttribute('data-errorTimes', 1);
                    var _src = elem.getAttribute('data-localSrc');
                    loadScript(_src, elem);
                }
    
                function loadScript(_src, prevEl) { //引入本地js
                    var _el = document.createElement('script');
                    _el.src = _src;
                    if (prevEl) {
                        prevEl.parentNode.insertBefore(_el, prevEl.nextSibling);
                    } else {
                        document.body.appendChild(_el);
                    }
                }
            </script>
        </head>
        <body>
            <p>产品一</p>
            <p>产品二</p>
            <p>产品三</p>
            <p>产品四</p>
            <p>产品五</p>
    
            <script data-localSrc="js/jquery.js" type="text/javascript" src="https://cdn.bootcss.com/jquery/1.8.2/jquery.min.js"
             onerror="errorload(this);"></script>
            //此cdn是正确版,测试时可修改为错误版再测试
        </body>
    </html>
  • 相关阅读:
    伪类样式
    div 文字超出边框后,省略号显示
    关于常用的 meta
    js数组去重
    异步二进制文件下载
    JJWT现前后端分离身份验证
    ApachePOI快速入门
    axios兼容ie7
    vue解决跨域问题
    log4j模板
  • 原文地址:https://www.cnblogs.com/linjiangxian/p/11465080.html
Copyright © 2011-2022 走看看