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

Question

我想创建一个显示链接列表的javascript徽章.我们在我们的域名上托管javascript.其他网站可以在他们的页面上放置一个空的div标签,在底部可以引用我们的javascript来呈现div标签中的内容.你是如何实现这样的？

Answer 1

我会给SCRIPT标签一个ID,并用DIV +内容替换脚本标签本身,这样它们只需要包含一行代码.以下内容:

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

在您的脚本中,您可以一举换掉DIV的SCRIPT标签,如下所示:

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