外引js — 先引入cdn，cdn失效時引入本地js

本文轉載自查看原文 2019-09-05 12:02 945 外引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>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 vue不用CDN引入本地js文件【vue】——CDN或全局引入CSS、JS。引入外部 CDN失效時--怎么加載本地資源文件（本文以jquery為例）引入外部 CDN失效時--怎么加載本地資源文件（本文以jquery為例） vue實踐問題1-cdn引入js vue-cli3使用cdn方式引入moment.js 如何在VUE單頁面引入CSS、JS（CDN鏈接）如何在VUE單頁面引入CSS、JS（CDN鏈接） JavaScript js 引入CDN 不生效注意事項 webpack系列-externals配置使用（CDN方式引入JS）