小于飞飞
2015-03-11 15:13
在写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;”样式属性。这个样式表示"空白会被浏览器保留"
正则/\s/
如果想要输入一个中文空格,就是占用一个中文字符的长度,可以在全角输入模式下输入一个空格,同样输入的全角空格可以复制,这对代码的编写量可以减少很多,也更美观
不错哦
f非常感谢,实现了我想要的结果,最核心的一点就是 给 span 设置 style='white-space:pre;'
<a href="#">会有效果吗?</a>
这个哥是我在imooc上学习时间最长的,流弊
矮油,不错哦
很好,不错,支持!
运用转义字符,“\v” 实现空格,有问题,找男神,男神给你溜肥肠。
问题很好的
JS主要是实现网页上的特效效果的,CSS样式是表现,HTML是网页内容的载体,在制作网页时,要把三者结合起来使用,由于浏览器显示机制的作用,空格是不起作用的,可以通过 标签或CSS样式输出空格。
CSS样式:document.write("<span style="whitespace">" + 要输出的内容 + “</span>”)内嵌式方式
厉害啊
厉害!
<a href="http://weibo.com/227193223>做一名有内涵的设计师</a>
做一名有内涵的设计师
不错支持
document.writeln("")会自动加上空格做为间隔
JavaScript入门篇
739817 学习 · 9566 问题
相似问题