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

Question

在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来提供服务。

Answer 1

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

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

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

然后s1看起来像

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

然后将其添加到第一个脚本元素( s0 (之前。

因此，它将从站点加载js文件并在您的页面中工作