为用户提供HTML/JS小部件的方法

4

我该如何分享html/js小部件?使用Javascript、iframe还是其他方式比较好?

现在我有一个包含html页面、css文件和js文件的小部件。我想与人们分享这个小部件,让他们可以将其附加到自己的博客、网站等上。

5个回答

2

这里是一个使用JavaScript的工作示例。

www.foo.com/test.js的内容如下:

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

复制/粘贴小部件用于test.js:
<scirpt type="text/javascript" src="http://www.foo.com/text.js"></scirpt>

1

非技术集成的iFrame。这样,您只需提供一个代码片段供复制和粘贴。


1

如果您的小部件是固定大小的,那么使用iframe方法可能是最直接的。如果您可以通过可以从远程客户端调用的Web服务提供它,从开发人员的角度来看更好,但是iframe可能是您要寻找的内容。这是典型横幅等的做法。

我建议将任何JS和CSS集成到您的页面中,以减少远程调用,如果您的小部件不经常更改...这将有所帮助,或者至少将您的js和css合并和压缩为单个文件。


0
你可能想要做这样的事情...
function addWidget(element){
//在此处创建您的小部件
element.innerHTML = {您的小部件}
}

}

这个函数可以这样调用

addWidget(document.getElementById("someID"));


0

看看谷歌最新的Google Analytics跟踪异步代码是如何实现的。基本上,它涉及到用户在他们的页面中插入一个短的JavaScript片段。该片段动态地在HTML页面的元素中插入了一个


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接