如何创建 JavaScript 徽章或小部件？

我想创建一个显示链接列表的 JavaScript 徽章。我们在我们的域上托管 javascript。其他网站可以在其页面上放置一个空的 div 标签，并在底部放置对我们的 javascript 的引用，该引用将呈现 div 标签中的内容。你如何实现这样的事情？

我会给 SCRIPT 标签一个 ID，并用 DIV + 内容替换脚本标签本身，这样它们就只需要包含一行代码。大致如下：

<script id="my-script" src="http://example.com/my-script.js"></script>

在您的脚本中，您可以一次性将 SCRIPT 标记替换为 DIV，如下所示：

var scriptTag, myDiv;
scriptTag = document.getElementById('my-script');
myDiv = document.createElement('DIV');
myDiv.innerHTML = '<p>Wow, cool!</p>';
scriptTag.parentNode.replaceChild(myDiv, scriptTag);