繁体   English   中英

如何将整个html文件嵌入JS

[英]how to embed the whole html file into JS

我正在尝试在我的3个网站上实现在线聊天功能,但是我不想将我的整个代码复制粘贴到每个网站上。 我想创建类似tawk.to东西。 他们只有一个<script>标记,我们在页面上粘贴了一个很小的代码,整个功能通过JS呈现。

现在,我将其保存在HTML文件中,而我的逻辑在同一HTML文件中的JS中。

像这样吗

<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-->

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

是的,您可以按照以下方法进行操作。

....
</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.

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM