Question

我如何分享html / js小部件？ Javascript，iframe或哪种方式好？

现在我有html页面，css文件和js文件。我想与人分享这个小部件，以便他们可以将它附加到他们的博客，网站等。

Answer 1

这是一个使用java脚本的工作示例。

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>

Answer 2

非技术集成的iFrame。这样你就可以为他们提供一个代码片段来复制和粘贴。

Answer 3

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

我建议你可以将任何JS和CSS集成到你的页面中以减少远程调用，如果你的小部件没有经常改变...这将有所帮助，或者至少合并和缩小你的js和每个css分成一个文件。

Answer 4

你可能想做这样的事......

功能 addWidget （元素）{

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

element.innerHTML = {your widget}

}

可以像这样调用该函数

<强> addWidget （适用的document.getElementById（ “someID”））;

Answer 5

了解Google如何使用最新的Google Analytics跟踪异步代码来实现这一目标。基本上，它涉及您的用户在其页面中插入一个简短的JavaScript代码段。该代码段动态地在HTML页面的<script>元素中插入<head>元素，该元素指向您编写的创建必需HTML的JS文件。