javascript - 在多个位置加载相同的 javascript 文件

Question

<script type="text/javascript" src="http://example.com/show_ad.js"></script>

我将上面的线放在页面上的多个位置。此脚本将在页面上放置一个 iframe 元素。问题是当我多次使用此脚本时，该脚本仅加载一次。有人对此有解决方案吗？

已经谢谢了。

Answer 1

script每次你想在页面上放一个标签时，不要在页面上添加标签iframe，为什么不直接放在iframe那里呢？

如果您真的想使用您当前使用的方法，请将show_ads.js代码包装在某种函数（如var show_ads = function () {...}）中，并在页面上添加额外的 javascript 以在需要时调用此函数，并捕获iframe. 然后将其iframe插入页面中您想要的位置，而不是在那里放置script标签。

Answer 2

我今天偶然发现了这篇文章，http://www.html5rocks.com/en/tutorials/security/sandboxed-iframes/

它介绍了如何在 iframe 中对 3rd 方 JavaScript 文件进行沙箱处理，以使它们不会相互冲突并且不能做任何恶意的事情。

在查看您自己编写脚本的评论后，您可能想尝试将整个脚本包装在一个闭包中。例如：

(function() {
 // script here
})();

它将确保您可能定义的全局变量不冲突/仅存在于该闭包中。