javascript - 在网站中加载外国内容比 document.write() 更好的做法？

Question

我有一个小部件(一些 html 代码)应该可以加载到不同的网站(不在我的控制之下)但小部件托管在我的服务器上。

到目前为止，我有一个 PHP 脚本生成的 javascript 代码看起来像这样:

document.write('<div> ... some more dynamic html ...</div>'); 

然后可以使用该标签将其加载到任何 html 页面上。

现在我正在计划重新设计并希望使用服务器端 javascript 来完成 PHP 部分。我还需要输出 document.write() 还是现在有更聪明的方法，因为我们有 handlebarjs、node.js 等。另外:我会对那些新的花式自动更新功能框架(如 meteor 或 derby 提供)感兴趣...

(我想使用 meteor (meteor.com) 来完成这项工作，但 meteor 输出完整的 html 页面，我不需要整个页面)

感谢您的帮助/建议

Answer 1

Now I'm planing a redesign and want to do the PHP part with server-side javascript. Do I still need to output document.write()

您必须输出一些内容，使内容在客户端呈现。

客户端代码将或多或少独立于服务器端代码(尽管如果您开始使用 mojito 等工具，您可能会遇到一些交叉。

or is there a more clever way now days, as we have handlebarjs, node.js etc.

node.js 不会帮助你输出什么，因为它是一个服务器，修改页面的 JS 必须在浏览器中运行。

您可以使用像 handlebarjs 这样的模板语言。您可以使用库来帮助 DOM 操作。问题是你加载的代码越多(包括库)，你就越有可能与嵌入你的代码的第三方网站使用的东西发生冲突，并且你制作的页面越重(并且页面重量大幅增加对于次要内容来说是一个特别糟糕的主意)。