Javascript 如何为用户提供html/js小部件

如何共享html/js小部件？Javascript、iframe或什么方法是好的

---

现在我有了html页面、css文件和js文件。我想与人们共享此小部件，以便他们可以将其附加到自己的博客、网站等。

iFrame进行非技术集成。这样，您就可以为他们提供一段代码片段进行复制和粘贴。

如果您的小部件大小固定，那么iframe方法可能是最直接的方法。如果您可以通过一个可以从远程客户端调用的Web服务来提供它，从开发人员的角度来看，这会更好，但iframe可能是您想要的。这是典型的横幅等是如何完成的

---

我建议将任何JS和CSS集成到页面中，以减少远程调用，如果您的小部件没有太大变化。。。这会有一点帮助，或者至少可以将js和css合并并缩小为一个单独的文件。

您可能需要这样做

函数添加小部件（元素）{

//在这里创建您的小部件

element.innerHTML={your widget}

}

函数可以这样调用

---

addWidget（document.getElementById（“someID”）

看看谷歌是如何用他们最新的用于谷歌分析跟踪的异步代码做到这一点的。基本上，它涉及到用户在页面中插入一个简短的JavaScript片段。代码段在HTML页面的

元素中动态插入一个

元素，该元素指向您编写的创建所需HTML的JS文件

---

下面是一个使用java脚本的工作示例

www.foo.com/test.js的内容：

document.write（“一些示例内容”
”）；

test.js的复制/粘贴小部件：

document.write('<p>some example content</p>');

<scirpt type="text/javascript" src="http://www.foo.com/text.js"></scirpt>