js load js，阻塞或并行加载

最新推荐文章于 2024-05-16 09:46:57 发布

飞龙YF

最新推荐文章于 2024-05-16 09:46:57 发布

阅读量358

点赞数

分类专栏： vue 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/yangfan8805/article/details/84463560

版权

vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

参考：
[url]http://blog.csdn.net/doymm2008/article/details/7513634[/url]
[url]http://blog.csdn.net/huli870715/article/details/6373170[/url]

方式一：


<head>
  <script type="text/javascript" src="a.js"></script>
  <script type="text/javascript" src="b.js"></script>
</head>

此种方式：
[img]http://dl2.iteye.com/upload/attachment/0087/5690/f9ebca06-af04-3d1f-80a2-0ec9b4798641.png[/img]

方式二：


<html>
<head>
<script type="text/javascript">
function load_js(src) {
  var script_elem = document.createElement('script');
  script_elem.type = 'text/javascript';
  script_elem.src = src;
  document.getElementsByTagName('head')[0].appendChild(script_elem);
}
load_js('a.js');
load_js('b.js');
load_js('http://www.jt-tech.net/misc/jquery.js');
</script>
</head>
<body>
<img src="http://static.perfgeeks.com/wp-content/uploads/2011/01/p_460_001.jpg" />
</body>
</html>

或


  function dynamicLoad()
  {
     var _doc=document.getElementsByTagName('head')[0];
     var script=document.createElement('script');
     script.setAttribute('type','text/javascript');
     script.setAttribute('src','jquery-1.4.4.js');
     _doc.appendChild(script);
  }

此种方式：
[img]http://dl2.iteye.com/upload/attachment/0087/5694/e5423f0a-5bec-389a-b462-197229714b68.png[/img]

[size=x-large][b][color=blue]js的阻塞与并行加载，根据自己的需要选择合适的方式。当选择并行加载时，如果两个并行加载的js有依赖关系，就有可能出现问题，此时也许就不得不现在阻塞加载了，把依赖的js放在最前面，一个一个的加载执行。[/color][/b][/size]

飞龙YF

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js load js，阻塞或并行加载

参考：[url]http://blog.csdn.net/doymm2008/article/details/7513634[/url][url]http://blog.csdn.net/huli870715/article/details/6373170[/url]方式一：[code="js"] [/code]此种方式：[img]http...
复制链接

扫一扫