多个字体嵌入在一个页面上

时间:2015-10-15 00:57:53

标签: javascript popup

我有一个嵌入25种表单的页面(http://www.typeform.com)。

每次嵌入类型表单时,我都会添加一个链接,然后添加下面的脚本(见下文)。

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

我想知道,是否可以只添加一次脚本然后让每个链接在单击时触发它,而不是为每个嵌入添加脚本?我认为它会严重影响该脚本加载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>

1 个答案:

答案 0 :(得分:1)

从您的代码中,并使用我的一些类型窗口小部件进行测试,如果它包含相同的<script>...</script>文件,那么您的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>

如果其他<script>...</script>包含share.js ,则删除其他widget.js除了;

示例2

以下代码中有<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>

<script>...</script>

并且可以安全删除包含widget.js 的所有其他.js,除了最后一个

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

不要遗失任何SELECT IDENT_CURRENT('test_table_name') AS last_identity; ,而且您不需要超过1

如果您的测试不起作用,请纠正我。由于它是25种形式,因此预测所有事情并不容易。