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

时间:2017-03-17 05:13:26

标签: javascript web-services api

Google-AdsensedisqusTawk.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来提供他们的服务。

1 个答案:

答案 0 :(得分:1)

它会创建一个新的import subprocess subprocess.call(["hadoop", "fs", "-rm", "path/outputFile.csv"]) 代码并将其存储在script

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

script加载网址s1中的script,并设置属性https://embed.tawk.to/xxxxxxxxxxxxxxxxx/default

然后crossorigin看起来像

s1

然后在第一个脚本元素(<script src='https://embed.tawk.to/xxxxxxxxxxxxxxxxx/default' crossorigin='*' charset="UTF-8" async=true></script> )之前添加它。

因此,它将从网站加载js文件并在您的页面中进行操作