JS内联日期子串:如何避免单引号与年份间出现空格?
解决单引号与年份间空格的方法
原代码中,单引号(')和年份之间的空格来自HTML里的 (对应实体 ,即非换行空格),可以通过以下两种方式消除:
方法一:移除多余的空格实体
直接删除<p>标签内的&nbsp;,修改后的代码如下:
<p id="copyright"> &copy;&apos; <script> document.getElementById('copyright').appendChild(document.createTextNode(new Date().getFullYear().toString().substr(-2))) </script> Company Name </p>
修改后运行会显示为©'24 Company Name,单引号与年份之间不再有空格。
方法二:通过脚本拼接内容
如果希望把单引号和年份作为整体插入,可调整脚本逻辑,将单引号与年份拼接后再添加到元素中,同时移除HTML里的相关实体:
<p id="copyright"> &copy; <script> const year = new Date().getFullYear().toString().substr(-2); document.getElementById('copyright').appendChild(document.createTextNode(`'${year}`)); </script> Company Name </p>
这种方式也能实现单引号与年份无空格连接的效果。
内容的提问来源于stack exchange,提问作者designtools
相关产品推荐
相关产品推荐

