Javascript 在一页上嵌入多个字体

我有一个页面嵌入了25种类型的表单（）

每次嵌入类型表单时，我都会添加一个链接，然后在其下方添加脚本（见下文）

单击链接时，会在页面上打开一个弹出窗口，其中包含表单

我想知道，是否可以只添加一次脚本，然后在单击每个链接时触发它，而不是为每个嵌入添加脚本？我假设它在页面负载上占了很大的比重，让脚本负载增加了25倍

<a class="typeform-share" href="https://TYPEFORMACCOUNTNAME.typeform.com/to/OnOMuV" data-mode="1" target="_blank">APPLY</a>

<script>(function(){var qs,js,q,s,d=document,gi=d.getElementById,ce=d.createElement,gt=d.getElementsByTagName,id='typef_orm',b='https://s3-eu-west-1.amazonaws.com/share.typeform.com/';if(!gi.call(d,id)){js=ce.call(d,'script');js.id=id;js.src=b+'share.js';q=gt.call(d,'script')[0];q.parentNode.insertBefore(js,q)}})()</script><p class="share-this-role">Share this role</p>

（function（）{var qs，js，q，s，d=document，gi=d.getElementById，ce=d.createElement，gt=d.getElementsByTagName，id='typeform'，b='1〕https://s3-eu-west-1.amazonaws.com/share.typeform.com/“；if（！gi.call（d，id））{js=ce.call（d，'script'）；js.id=id；js.src=b+'share.js'；q=gt.call（d，'script'）[0]；q.parentNode.insertBefore（js，q）}）（
分担这个角色

根据您的代码，并使用一些my typeform小部件进行测试，如果html中包含相同的

XXX.js

文件，您应该只使用最后一个

..

标记，例如：

示例1

您的代码中有一个

share.js

：

<script>(function(){var qs,js,q,s,d=document,gi=d.getElementById,ce=d.createElement,gt=d.getElementsByTagName,id='typef_orm',b='https://s3-eu-west-1.amazonaws.com/share.typeform.com/';if(!gi.call(d,id)){js=ce.call(d,'script');js.id=id;js.src=b+'share.js';q=gt.call(d,'script')[0];q.parentNode.insertBefore(js,q)}})()</script>

并且可以安全地删除所有其他包含widget.js的

..

，但最后一个除外

所以它是基于类型代码中的JS文件来工作的

不要丢失任何

.js

，您不需要超过1个

如果你的测试不成功，请纠正我。因为它是25种形式，所以不容易预测所有的事情

<script>(function(){var qs,js,q,s,d=document,gi=d.getElementById,ce=d.createElement,gt=d.getElementsByTagName,id='typef_orm',b='https://s3-eu-west-1.amazonaws.com/share.typeform.com/';if(!gi.call(d,id)){js=ce.call(d,'script');js.id=id;js.src=b+'widget.js';q=gt.call(d,'script')[0];q.parentNode.insertBefore(js,q)}})()</script>