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 相关文章推荐
创建一个复制UBB软件信息的链接或按钮的js代码
Jan 06 Javascript
JavaScript写的一个DIV 弹出网页对话框
Aug 14 Javascript
JQuery优缺点分析说明
Apr 10 Javascript
jquery表格内容筛选实现思路及代码
Apr 16 Javascript
『jQuery』名称冲突使用noConflict方法解决
Apr 22 Javascript
JS网页在线获取鼠标坐标值的方法
Feb 28 Javascript
javascript实现动态改变层大小的方法
May 14 Javascript
AngularJS路由切换实现方法分析
Mar 17 Javascript
Bootstrap table使用方法总结
May 10 Javascript
javascript浏览器用户代理检测脚本实现方法
Oct 27 Javascript
基于JavaScript实现报警器提示音效果
Oct 27 Javascript
自定义vue组件发布到npm的方法
May 09 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显示今天、今月、上月、今年的起点/终点时间戳的代码
2011/05/25 PHP
PHP面向对象的进阶学习(抽像类、接口、final、类常量)
2012/05/07 PHP
如何使用php输出时间格式
2013/08/31 PHP
PHP上传文件时自动分配路径的方法
2015/01/09 PHP
yii2.0实现pathinfo的形式访问的配置方法
2016/04/06 PHP
Laravel 中使用 Vue.js 实现基于 Ajax 的表单提交错误验证操作
2017/06/30 PHP
document.designMode的功能与使用方法介绍
2007/11/22 Javascript
js获取RadioButtonList的Value/Text及选中值等信息实现代码
2013/03/05 Javascript
document.createElement()用法
2013/03/13 Javascript
用js实现trim()的解决办法
2013/04/16 Javascript
JS常用函数使用指南
2014/11/23 Javascript
微信小程序 绘图之饼图实现
2016/10/24 Javascript
微信小程序ajax实现请求服务器数据及模版遍历数据功能示例
2017/12/15 Javascript
jQuery对底部导航进行跳转并高亮显示的实例代码
2019/04/23 jQuery
配置一个vue3.0项目的完整步骤
2019/04/26 Javascript
关于element-ui的隐藏组件el-scrollbar的使用
2019/05/29 Javascript
小程序如何获取多个formId实现详解
2019/09/20 Javascript
weui上传多图片,压缩,base64编码的示例代码
2020/06/22 Javascript
Nodejs 数组的队列以及forEach的应用详解
2021/02/25 NodeJs
wxPython中文教程入门实例
2014/06/09 Python
利用Python演示数型数据结构的教程
2015/04/03 Python
浅析Python中的序列化存储的方法
2015/04/28 Python
python3+PyQt5实现文档打印功能
2018/04/24 Python
HTML5语音识别标签写法附图
2013/11/18 HTML / CSS
销售人员个人求职信
2013/09/26 职场文书
老同学聚会感言
2014/02/23 职场文书
房地产广告策划方案
2014/05/15 职场文书
电子商务专业毕业生自荐书
2014/06/22 职场文书
高中军训的心得体会
2014/09/01 职场文书
地理科学专业自荐信
2014/09/01 职场文书
群众路线查摆问题整改措施
2014/10/10 职场文书
2014年优秀班主任工作总结
2014/12/16 职场文书
质量保证书格式
2015/02/27 职场文书
幼儿园语言教学反思
2016/02/23 职场文书
Java spring单点登录系统
2021/09/04 Java/Android
基于Python编写简易版的天天跑酷游戏的示例代码
2022/03/23 Python