javascript - Javascript 中的一些模板

Question

如何使用 Javascript 创建第二个逻辑结构。

是一个网页，当它加载时(DOM 完全没有准备好)正在执行 javascipt 代码，其中:

<script>
if(window.innerWidth>900){

 /* show huge HTML with javascript stuff here */

} else {

 /* show huge HTML with javascript stuff here */

}
</script>

我想要与 PHP 语言的第二个代码示例类似的内容:

<? if(true){ ?>
/* show huge HTML with javascript stuff here */
<? } else { ?>
/* show huge HTML with javascript stuff here */
<? } ?>

当页面加载时，我需要在初始化窗口宽度时使用不同的 javascript 代码和 html。

Answer 1

这不是 JS 的工作方式。当然，您可以在这里内联打印 html，但这会在您的代码中造成一团糟。我强烈反对这样做。如果您需要这种模板功能，最好使用一些模板引擎。

例如，有EJS，它允许您编写包含JS的单独的html模板。基本上，您加载模板，将数据传递给它，渲染 html 并将其插入到 DOM 树中。这使您可以保持代码非常干净。

http://embeddedjs.com/