外引js — 先引入cdn，cdn失效时引入本地js
Posted linjiangxian
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了外引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>
以上是关于外引js — 先引入cdn，cdn失效时引入本地js的主要内容，如果未能解决你的问题，请参考以下文章