先引入cdn，cdn失效时引入本地js

最新推荐文章于 2023-05-18 14:40:33 发布

s先生的d小姐

最新推荐文章于 2023-05-18 14:40:33 发布

阅读量1.4k

点赞数 1

分类专栏： javascript

原文链接：https://www.cnblogs.com/linjiangxian/p/11465080.html

版权

javascript 专栏收录该内容

61 篇文章 0 订阅

订阅专栏

参考：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事件后，置οnerrοr=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>

s先生的d小姐

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
先引入cdn，cdn失效时引入本地js

参考：http://www.tianshan277.com/563.html效果： html:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>js加载</title>...
复制链接

扫一扫