如何在div内嵌的JavaScript脚本中使用 实体字符？

要在JS生成的日期时间里使用非换行空格（ ），直接在JS字符串里用 代替原来的普通空格就行——因为innerHTML会自动解析HTML实体，和你在span标签里直接写的原理一致。

针对你的代码，需要修改这几个关键位置：

• 日期部分的分隔符：把原来的' - '换成' - '，让短横线前后变成非换行空格
• 日期和时间之间的空格：把' '换成' '（如果需要多个空格可以连续写多个 ）

修改后的完整代码如下：

<div class="badge-danger" id="current_date">
  <script>
    function CurrentDate() {
      let current = new Date();
      // 替换日期分隔符的普通空格为&nbsp;
      let cDate = current.getDate() + '&nbsp;-&nbsp;' + (current.getMonth() + 1) + '&nbsp;-&nbsp;' + current.getFullYear();
      let cTime = current.getHours() + ":" + current.getMinutes() + ":" + current.getSeconds();
      // 替换日期和时间之间的普通空格为&nbsp;
      let dateTime = cDate + '&nbsp;' + cTime;
      document.getElementById("current_date").innerHTML = dateTime;
    }
    setInterval(CurrentDate, 1000);
  </script>
</div>

如果还想在整个日期时间的前后添加非换行空格，直接在dateTime变量前后拼接 即可，比如：

let dateTime = ' ' + cDate + ' ' + cTime + ' ';

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