javascript中的页面内容需要进入html

Question

我有链接，当用户点击它们时，页面会立即使用DOM进行更新，这就是我的o2()所做的。

问题是我想从逻辑中分离内容...即，我希望下面的内容在.html文件中。目前它位于.js文件中。

我的理解是保持结构/内容与逻辑分离是一种好习惯...例如，使用Javascript函数的高级注册而不是内联注册。

如何将下面的html内容转换为.html文件？

function l1() {
    o2('Ac1_3','<br/><p class="h">ALL YOUR BOOKMARKS IN ONE PLACE</p><img class="i1" src="i3.jpg" alt=""/><img class="i1" src="i4.jpg" alt=""/>');
}

Answer 1

如果您使用JavaScript动态地向DOM添加内容，那么无法将这些内容保存在JS文件中，除非您希望变得毫无意义。

就个人而言，我认为将内容和逻辑混合起来很好，就像这样，只是不要超过顶部到令人困惑的地步。