在JS中怎样在文字中假如空格？

JavaScript09

在JS中怎样在文字中假如空格？,第1张

思路：

设置样式white-space为pre，保留空格

代码:

<body>

<div id='dv' style="white-space:pre">11</div>

</body>

<script>

document.getElementById('dv').innerHTML = "11   a   22   2"//这是带空格的文本，最终保留空格原样

</script>

辅助列用公式，比如C5输入：=LEFT(A5,10)+RIGHT(A5,8)，然后下拉填充；

复制C列，选择性粘贴--数值到A列；

删除C列；

右击A列--设置单元格格式--数字--自定义--类型输入：yyyy-mm-dd hh:mm:ss--确定。

在写JS代码的时候，大家可以会发现这样现象：

document.write("

1

2

3

")

结果:

1

2

3

无论在输出的内容中什么位置有多少个空格，显示的结果好像只有一个空格。

这是因为浏览器显示机制，对手动敲入的空格，将连续多个空格显示成1个空格。

解决方法：

1.

使用输出html标签 来解决

document.write(" "+"1"+""+"23")

结果:

1

23

2.

使用CSS样式来解决

document.write("<span

style='white-space:pre'>"+"

1

2

3

"+"</span>")

结果:

1

2

3

在输出时添加“white-space:pre

”样式属性。这个样式表示"空白会被浏览器保留"

以上这篇JS输出空格的简单实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。