JS文件中有没有功能的点吗？

马修

我已经有了Olapic的API，它看起来像这样：

<script src="https://olapic_source.net"
        data-olapic="olapic_specific_widget"
        data-instance="213598612346580671235"
        data-apikey="081274081760283650812734612"
        data-tags="product_ID"
        async="async">
</script>

我竭尽所能将JS排除在HTML文件之外。我只是想知道是否有任何理由将其放置在自己的文件中，而不是将其放置在页面上。

唯一的要求是，脚本必须位于名为“ olapic_specific_widget”的div类中

所以本质上

<div class="olapic_specific_widget">
    <script src="path/to/external/file.js" type="text/javascript">
    </script>
</div>

比哪个更整齐

<div class="olapic_specific_widget">
    <script src="https://olapic_source.net"
        data-olapic="olapic_specific_widget"
        data-instance="213598612346580671235"
        data-apikey="081274081760283650812734612"
        data-tags="product_ID"
        async="async">
    </script>
</div>

再说一遍，这是否有意义，还是我应该将所有这些东西都留在那里？如果有必要，我知道您应该将脚本标记从外部文件中删除。那么，我的外部文件是否看起来像这样？

src="https://olapic_source.net"
data-olapic="olapic_specific_widget"
data-instance="213598612346580671235"
data-apikey="081274081760283650812734612"
data-tags="product_ID"
async="async"

谢谢你的时间！

炸药

从srcURL加载的脚本可能会检查该页面，并在中查找<script>标签<div class="olapic_specific_widget">。

您不能将任何data-属性移出<script>标记，因为从加载的脚本src期望<script>DOM元素包含这些data-属性。这些设置是HTML属性，而不是JavaScript。