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


Posted in Javascript onSeptember 08, 2016

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

Javascript 相关文章推荐
没有document.getElementByName方法
Aug 19 Javascript
Javascript玩转继承(三)
May 08 Javascript
jQuery切换网页皮肤并保存到Cookie示例代码
Jun 16 Javascript
javascript实现节点(div)名称编辑
Dec 17 Javascript
基于JavaScript如何实现私有成员的语法特征及私有成员的实现方式
Oct 28 Javascript
vue2滚动条加载更多数据实现代码
Jan 10 Javascript
vue解决跨域路由冲突问题思路解析
Nov 03 Javascript
详解Javascript中new()到底做了些什么?
Mar 29 Javascript
手写简单的jQuery雪花飘落效果实例
Apr 22 jQuery
使用Vue自定义指令实现Select组件
May 24 Javascript
Vue.js递归组件实现组织架构树和选人功能
Jul 04 Javascript
vue flex 布局实现div均分自动换行的示例代码
Aug 05 Javascript
jQuery文本框得到与失去焦点动态改变样式效果
Sep 08 #Javascript
jQuery动态改变多行文本框高度的方法
Sep 07 #Javascript
jQuery Ajax使用FormData对象上传文件的方法
Sep 07 #Javascript
jQuery Dialog 取消右上角删除按钮事件
Sep 07 #Javascript
jQuery实现的表格展开伸缩效果实例
Sep 07 #Javascript
JS实现页面载入时随机显示图片效果
Sep 07 #Javascript
JS简单实现浮动窗口效果示例
Sep 07 #Javascript
You might like
php中对xml读取的相关函数的介绍一
2008/06/05 PHP
PHP EOT定界符的使用详解
2008/09/30 PHP
PHP里的中文变量说明
2011/07/23 PHP
php安装swoole扩展的方法
2015/03/19 PHP
PHP读取汉字的点阵数据
2015/06/22 PHP
详解PHP执行定时任务的实现思路
2015/12/21 PHP
PHP实现一个简单url路由功能实例
2016/11/05 PHP
javascript中的对象和数组的应用技巧
2007/01/07 Javascript
HTML Dom与Css控制方法
2010/10/25 Javascript
浏览器解析js生成的html出现样式问题的解决方法
2012/04/16 Javascript
浅谈JavaScript之事件绑定
2013/07/08 Javascript
JavaScript编写连连看小游戏
2015/07/07 Javascript
Javascript 6里的4个新语法
2016/08/25 Javascript
Angularjs实现带查找筛选功能的select下拉框示例代码
2016/10/04 Javascript
浅谈js的解析顺序 作用域 严格模式
2017/10/23 Javascript
解决vue.js 数据渲染成功仍报错的问题
2018/08/25 Javascript
React Component存在的几种形式详解
2018/11/06 Javascript
ant design 日期格式化的实现
2020/10/27 Javascript
Antd中单个DatePicker限定时间输入范围操作
2020/10/29 Javascript
vue实现验证用户名是否可用
2021/01/20 Vue.js
[42:39]老党炸弹人试玩视频
2014/09/03 DOTA
[06:53]2018DOTA2国际邀请赛寻真——为复仇而来的Newbee
2018/08/15 DOTA
在Docker上开始部署Python应用的教程
2015/04/17 Python
Python基于分水岭算法解决走迷宫游戏示例
2017/09/26 Python
Python flask框架post接口调用示例
2019/07/03 Python
python日志模块logbook使用方法
2019/09/19 Python
python 实现音频叠加的示例
2020/10/29 Python
突袭HTML5之Javascript API扩展3—本地存储全新体验
2013/01/31 HTML / CSS
大家检讨书5000字
2014/02/03 职场文书
篮球赛新闻稿
2015/07/17 职场文书
干部培训简讯
2015/07/20 职场文书
Ajax实现局部刷新的方法实例
2021/03/31 Javascript
浅谈如何提高PHP代码质量之单元测试
2021/05/28 PHP
使用php的mail()函数实现发送邮件功能
2021/06/03 PHP
详解非极大值抑制算法之Python实现
2021/06/28 Python
Python使用MapReduce进行简单的销售统计
2022/04/22 Python