如何添加一個獨立的JavaScript模塊到另一個網站

在如此多的服務提供商網站，如Google-Adsense,disqus,Tawk.io ...我見過一個共同的事情，如果我們想使用他們的服務，並希望用它整合它使用javaScript他們給你一些5到6行的javaScript代碼，我們將它粘貼到我們的網站代碼中，並開始工作。如何添加一個獨立的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提供他們的服務。

來源

2017-03-17 Arpit Meena

頁工作，它究竟是什麼呢，你不要在代碼明白你已經發布？ – Thomas

@_Thomas謝謝，假設我已經創建了一個獨立的模塊，並且我想讓它可用於任何想要使用它的網站。我該怎麼辦？ –

它創建一個新的script標記並將其存儲在s1中。

獲取第一個script標籤並將其存儲在s0中。

s1加載存在於網址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文件，並在您

來源

2017-03-17 05:20:23

如何添加一個獨立的JavaScript模塊到另一個網站

回答

相關問題