基于HTML和JavaScript的if else语句文本插入问题求助

看起来你的代码思路没问题，但没输出大概率是模板变量渲染或JS执行逻辑的问题，咱们一步步来梳理排查：

1. 先确认模板变量是否被正确渲染 #

右键页面→查看页面源码，找到这段脚本的位置，看看{{job.active}}有没有被替换成预期的true或false：

• 如果源码里还是显示{{job.active}}，说明你的模板引擎没处理这个代码块（比如这段HTML不在模板引擎的解析范围内，或者模板语法有误），得先确保模板变量能被正确替换。
• 如果替换成了"true"或"false"（带引号的字符串），那JS里if ("false")会判定为true（因为非空字符串都是真值），这就会导致逻辑错误，永远显示Active。

2. 替换document.write为更可靠的DOM操作 #

document.write有不少坑：如果脚本在页面加载完成后执行，它会直接清空整个页面，导致你看不到任何内容。推荐用DOM元素插入的方式来实现，更稳定：

修正后的代码示例 #

<b>Status</b>: <span id="status-display"></span>
<script type="text/javascript">
  // 获取用来显示状态的元素
  const statusEl = document.getElementById('status-display');
  // 处理模板变量的两种情况：
  // 情况1：模板直接渲染为布尔值（true/false）
  const isActive = {{job.active}};
  // 情况2：模板渲染为字符串（"true"/"false"），则改成下面这行
  // const isActive = "{{job.active}}" === "true";
  
  // 插入状态文本
  statusEl.innerHTML = `<b>${isActive ? 'Active' : 'Deactive'}</b>`;
</script>

3. 额外排查点 #

• 打开浏览器控制台（F12→Console），看看有没有语法错误。如果{{job.active}}没被替换，控制台会提示Uncaught SyntaxError: Unexpected token '{'，这时候就要去检查模板引擎的配置了。
• 确认job.active本身有值：如果模板变量是undefined，JS里if (undefined)会进入else分支，但如果没处理好也可能出现无输出的情况。

内容的提问来源于stack exchange，提问作者Nnighojk