JS输出空格的简单实现方法

JavaScript030

JS输出空格的简单实现方法,第1张

在写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输出空格的简单实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

用正则替换,如

document.getElementById('txt_id').value=document.getElementById('txt_id').value.replace(/\s/gi,'')

可以使用全角的空格

XML/HTML code

<select>

<option value="">abcdabcd</option>

</select>