javascript - 在 javascript 中构建大部分页面不好吗?

标签 javascript jquery html

<分区>

在我正在进行的一个现有项目中,我注意到许多开发人员正在使用 javascript 构建大部分页面。例如:

$( targetdiv ).append("<div>");
$( targetdiv ).append("   <div class='info'>");      
$( targetdiv ).append("        <div id='modes'>");
$( targetdiv ).append("          <table cellspacing='0'>");
$( targetdiv ).append("            <tbody>");
// much more...

我了解使用 javascript 在页面上构建某些 元素。有时内容是动态的,现在知道页面何时首次加载(ajax 的东西)。

但是,大部分代码(并未显示全部)不是动态的,每次都会以相同的方式构建。没有“if”语句或循环

为什么人们会使用 javascript 构建大部分页面而不是将 html 作为 html 文档的一部分?我认为人们会希望尽量减少 javascript html 的生成,因为它更多令人困惑且更难编写。此外,javascript html 生成会影响性能(是吗?)

我是一名“较新”的 javascript 开发人员,所以我可能遗漏了一些东西。我想说点什么,但我是“新手”,所以也许我听不懂“它”

谢谢

最佳答案

很有可能the most horrible way我见过一只小猫被杀。现在,你杀死的不仅仅是一只小猫:像这样的每一行都会杀死成千上万只小猫。还有小狗。

不要这样做。这是不对的。这不好。这太糟糕了。它是可怕的。这是 hell 。这一点都不好。

更严重的是......

  1. 代码甚至无法按预期工作。查看对您的问题的评论。
  2. HTML 是内容,JavaScript 是行为。您完全没有令人信服的理由将两者混为一谈。
  3. 每次调用 DOM 时,您都有时间去喝杯咖啡。你多次调用 append 以至于我的眼睛都疼了。

关于javascript - 在 javascript 中构建大部分页面不好吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17973500/

相关文章:

javascript - 当部分 View 加载到 Jquery 选项卡时,我尝试打开 Jquery 对话框时出错

javascript - 使用slideNumber Reveal.js 检索当前幻灯片的编号

javascript - 在表格中获取第三个标签

html - 下拉菜单不扩展 Safari 窗口

javascript - jQuery 如何设置绑定(bind)顺序

javascript - 从 Object3D 中移除子对象

javascript - 如何将数据从网页传输到 Firefox 扩展

javascript - 使用 javascript 从单选按钮获取值

javascript - 如何只用javascript表达jquery ajax调用?

html - CSS 链接悬停不适用于图像