Question

我正在尝试在我的3个网站上实现在线聊天功能，但我不想在每个网站上复制粘贴我的整个代码。我想创建像tawk.to这样的东西。它们只有一个<script>标签，我们在页面上粘贴一个很小的代码，整个功能通过JS呈现。

现在我把它放在HTML文件中，我的逻辑在JS中的同一个HTML文件中。

这样的东西？

<script src="path-to-my-file.js"></script>

基本上在我的页面标签中，我将包含此JS。

<!DOCTYPE HTML>
<body>
<script src="loads-html-from-other-place"></script>
</body>

这是tawk.to的作用：

<!--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/12341/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->

您只需将此代码粘贴到您的页面中，它就会显示聊天框以及功能

Answer 1

是的，你可以通过以下方法做到这一点。

....
</body>
<script src="path-to-my-file.js"></script>

创建一个JS文件

IN that file write a logic to create chat button.
That file can have click events of that button which is added at run time VIA ajax.
You can then include this file in all the HTML pages where you need chat functionality.
Make sure you load this file at the end of body tag.

如何将整个html文件嵌入到JS中

1 个答案: