当前位置:   article > 正文

Html中,想利用JS引入Jquery文件;$.getScript()无效

Html中,想利用JS引入Jquery文件;$.getScript()无效

在使用$.getScript()时,会爆出错误:ReferenceError: $ is not defined ,这是因为没有在JS文件前引入Jquery。

那么可以这样使用:(这个方式只适合放在页面代码最后面使用)

  1. (function () {
  2. var script = window.document.createElement('script');
  3. var jslistNormal = [],
  4. jslistDebug = [],
  5. inter;
  6. script.type = 'text/javascript';
  7. script.src = 'https://cdn.staticfile.net/jquery/3.7.1/jquery.min.js';
  8. document.getElementsByTagName('body')[0].appendChild(script);
  9. inter = setInterval(function () {
  10. if (typeof $ === 'function') {
  11. loadjs();
  12. clearInterval(inter);
  13. }
  14. }, 100);
  15. })();
  16. function loadjs(){
  17. //这里放入你需要引入Jquery后执行的代码
  18. }

如果想在head标签内容使用:(将body改为html即可)

  1. (function () {
  2. var script = window.document.createElement('script');
  3. var jslistNormal = [],
  4. jslistDebug = [],
  5. inter;
  6. script.type = 'text/javascript';
  7. script.src = 'https://cdn.staticfile.net/jquery/3.7.1/jquery.min.js';
  8. document.getElementsByTagName('html')[0].appendChild(script);
  9. inter = setInterval(function () {
  10. if (typeof $ === 'function') {
  11. loadjs();
  12. clearInterval(inter);
  13. }
  14. }, 100);
  15. })();
  16. function loadjs(){
  17. //这里放入你需要引入Jquery后执行的代码
  18. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/花生_TL007/article/detail/616920
推荐阅读
相关标签
  

闽ICP备14008679号