保留html代码段或者只使用javascript构建

Keep html snippets or just build with javascript?

本文关键字：javascript 构建 或者 代码 html 段或者 保留      更新时间：2023-09-26

我有html片段，我想知道应该把它们放在哪里。。。例如：

目前，我的HTML页面中有以下内容

<div id="Mailbox" class="ui-corner-all">
    <div id="Messages">
        <ul class="messageList">
            <li class="noMessage">You have no messages</li>
        </ul>
    </div>
    <div class="trashIcon ui-corner-bottom">
        Delete Selected Message(s)
    </div>
</div>

然后，当页面加载时，jquery和javascript将其变成一个功能齐全的邮箱系统。

我想知道的是——我应该为HTML片段而烦恼，还是仅仅通过JS构建整个东西？

对于没有脚本的用户来说，在页面中设置标记可能会降低性能。此外，使用现有标记通常比使用JavaScript完全从头开始构建标记更容易。

有时模板化可能是一个合适的解决方案。对于没有脚本的用户来说，这不会降低性能，但如果您有一个脚本密集的页面，需要动态创建大量标记，模板可以使其更简单。

如果您发现在一页又一页之间复制标记块，那么可能应该通过将公共内容存储在一个位置来解决服务器端的问题。

取决于您是在编写应用程序还是在编写网站。SEO重要吗？可访问性重要吗？您需要支持多种浏览器和设备吗？

如果不是这样的话，我会用JS写它，但看看一些MVC框架，如backbone.JS或JavaScriptMVC等。在这种情况下，你可能想使用客户端模板，所以html应该在页面中，但不在DOM中。

相关文章：