使用JavaScript或JQuery生成和附加HTML的干净有效方法是什么？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了使用JavaScript或JQuery生成和附加HTML的干净有效方法是什么？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1194字，纯文字阅读大概需要2分钟。

内容图文

我打算问this question(直到我发现它已被问到),现在得到了这个问题的答案：

It’s better to request JSON from a PHP script and then wrap the results in HTML with JavaScript.

现在我有一个不幸的任务,即使用JavaScript生成HTML以附加到我的文档中,并且不确定如何最好地处理这个问题.

使用PHP,我可以简单地存储一个HTML文件,然后使用file_get_contents()和regex用相关信息替换一些令牌,但是我不认为用JavaScript这么容易.

我想到的一些方法：

>令人厌恶的方法.生成一个巨大的丑陋字符串,然后附加：

var html = '<div class="comment">' +
    '<strong>' + author + '</strong>: ' +
    '<p>' + content + '</p>' +
'</div>';

$("#comments").append(html);

>将字符串存储在某处,然后在其上使用正则表达式,可能如下所示：

var commentHTML = '<div class="cmt"><strong>{auth}</strong>: {cmt}</div>';

是否有一个库/插件可以更好地处理这个？使用存储在字符串中的大量HTML来摆弄我的JavaScript是我真正想要避免的.也许我提到的使用PHP的方法有类似的方法？ JavaScript可以读取HTML文件并将内容存储为字符串吗？

解决方法:

恭喜,你刚刚发明了Mustache.js.看看：https://github.com/janl/mustache.js

var data = { author: "An Author", content: "Some content" };
var template = "<div class='cmt'><strong>{{author}}</strong>: {{comment}</div>";
var html = Mustache.render(template, data);

内容总结

以上是互联网集市为您收集整理的使用JavaScript或JQuery生成和附加HTML的干净有效方法是什么？全部内容，希望文章能够帮你解决使用JavaScript或JQuery生成和附加HTML的干净有效方法是什么？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端