JS中如何输出空格
2015-11-30 22:44
531 查看
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中如何输出空格
在写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;”样式属性。这个样式表示"空白会被浏览器保留"
相关文章推荐
- Servlet和JSP的本质和区别
- JavaScript函数部分补充
- jsp EL表达式取值过程、page和pagecontext的区别
- JavaScript高级程序设计--对象,数组(栈方法,队列方法,重排序方法,迭代方法)
- JavaScript获取两个数之间的任意随机数
- C# Json.NET序列化之Newtonsoft.Json
- JSP取得绝对路径
- extjs中去掉form表单标签后面的冒号
- javascript继承
- [JSP]JSP基本元素以及和Servlet的对应关系
- JSP session对象以及图片验证码的实现
- 从Servlet,JSP到MVC
- JSP error: Only a type can be imported
- servlet文件操作——转载
- JSP原理
- javascript-reduce 方法 (Array)
- Jsp基本知识
- Jsp9大隐式对象
- JavaScript学习入门
- js中字符串的连接