如何将独立的 JavaScript 模块添加到另一个网站答案

【问题标题】：How to add an independent JavaScript module into another website如何将独立的 JavaScript 模块添加到另一个网站
【发布时间】：2017-03-17 05:13:25
【问题描述】：

在Google-Adsense、disqus、Tawk.io 等众多服务提供商网站中，如果我们想使用他们的服务并想使用 javaScript 集成它，我看到了一个常见的事情，他们给了你一些 5 6 行 JavaScript 代码，我们将其粘贴到我们的网站代码中，它就开始工作了。

例如在 Tawk.io 中我们有这个代码

<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/xxxxxxxxxxxxxxxxx/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->

我的问题是它是如何工作的，我该如何实现？

谢谢。

编辑

查看这段代码后，我明白他们所做的一件事就是他们只是将他们的 javaScript 文件加载到我们的网页中，并使用我们的ID 来提供他们的服务。

【问题讨论】：

究竟是什么，您在发布的代码中不理解？
@_Thomas 谢谢，假设我创建了一个独立的模块，我想让任何想要使用它的网站都可以使用它。我该怎么办？

标签： javascript web-services api

【解决方案1】：

它创建一个新的script标签并将其存储在s1中。

获取第一个script标签并将其存储在s0中。

s1 加载 url 中存在的 script https://embed.tawk.to/xxxxxxxxxxxxxxxxx/default ，并设置属性 crossorigin。

然后s1 看起来像

<script src='https://embed.tawk.to/xxxxxxxxxxxxxxxxx/default' crossorigin='*' charset="UTF-8" async=true></script>

然后将它添加到第一个脚本元素之前（s0）。

因此它会从站点加载 js 文件并在您的页面中使用它

【讨论】：