将JavaScript文件插入DOM中(方法比较）

inserting javascript file to the dom (approach comparison)

本文关键字：方法 比较 DOM JavaScript 文件 插入      更新时间：2023-09-26

我正在研究一个需要javascript文件的网站小部件，该文件呈现一个小部件，我想知道两种不同方法之间的区别是什么：

  1. 通常包括JS文件：（typekit使用这个）

    <script type="text/javascript" src="//use.typekit.net/mty1vkg.js"></script>

  2. 将JS文件动态插入到DOM（谷歌分析示例）

    (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'http://' : 'http://') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

这些方法之间有什么区别，有什么优点？我应该使用哪种方法？

当您希望在开始时加载小部件时，使用第一种方法。 也就是说，如果这对您很重要，那么您可以将 js 文件添加到

相关文章：