javascript - 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 文件中，除非您想变得毫无意义的复杂。

就我个人而言，我认为将内容和逻辑稍微混合一下是可以的，就像这样，只是不要过度到令人困惑的地步。