javascript - 将 HTML 放入 Javascript 的优点

Question

我想知道将 html 放在 javascript 中还是放在 html 文件中是否更好。

例如，让我的 js 文件有这个

$('<div>').addClass('test').append(
                        $('<p>').text('test1'),
                        $('<span>').text('test2'),
                        $('<span>').text('test3')
                      ).insertAfter( $('#test1') );

VS

我的 html 文件看起来像这样

<div id="#test1"></div>
<div class="test">
    <p>test1</p>
    <span>test2</span>
    <span>test3</span>
</div>

js文件有:

$('.test').show();

Answer 1

高度主观，当然取决于上下文。

在网页中，大部分内容都是已知的。没有理由不将内容放入 HTML 中并使用 CSS(真正需要时可能还使用 Javascript)来设置样式。

然而，在 Web 应用程序中，事情并不那么众所周知。该文档更加动态，需要使用 Javascript 添加/删除元素。

顺便说一句，你的两段代码做了两件不同的事情。在第一个示例中，您给它一个 class的test第二个你给它一个 ID的#test1 。这是无效的 ID应该是test1 。 selector该 ID 为 #test1这可能会引起一些困惑。