javascript几种写空格符的方法

文章转载来自慕课网提供的wiki: javascript几种写空格符的方法

在写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;”样式属性。这个样式表示"空白会被浏览器保留"

javascript几种写空格符的方法相关推荐

JavaScript的5种调用函数的方法
这篇文章详细的介绍了Javascript中各种函数调用的方法及其原理,对于理解JavaScript的函数有很大的帮助! JavaScript,调用函数的5种方法一次又一次的,我发现,那些有bug的J ...
javascript写css样式,原生javascript实现读写CSS样式的方法详解
原生javascript实现读写CSS样式的方法详解发布于 2017-05-24 15:05:31 | 120 次阅读 | 评论: 0 | 来源: 网友投递 JavaScript客户端脚本语言Jav ...
转载一个关于JavaScript几种继承方法的总结
总结出JavaScript有以下几种继承继的方法: 1.对象冒充方法,可以多承继; A=function() { this.code="001"; this.n ...
windows下安装phpcms html/ 文件夹不可写的一种错误以及解决方法
windows下安装phpcms html/ 文件夹不可写的一种错误以及解决方法参考文章: (1)windows下安装phpcms html/ 文件夹不可写的一种错误以及解决方法 (2)https: ...
3种Javascript图片预加载的方法详解
3种Javascript图片预加载的方法详解预加载图片是提高用户体验的一个很好方法.图片预先加载到浏览器中,访问者便可顺利地在你的网站上冲浪,并享受到极快的加载速度. 这对图片画廊及图片占据很大比例 ...
js向ul中写html语言,javascript操作ul中li的方法
本文实例讲述了javascript操作ul中li的方法.分享给大家供大家参考.具体如下: /p> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra ...
Javascript 两种 function 定义的区别
大家都知道Javascript 有两个种定义Function的方法非常常用.例如 function a(){alert("a")} var a = function(){alert ...
day01 js三种导入html的方法、js书写规范、变量的基本使用、变量提升
昨天是初学js的第一天,为什么今天才写,我觉得这样可以帮助我复习昨天的知识,加深对js的理解. 我之前学过java的,昨天转入js的学习,对js略有些体会和大家分享下,js刚入门感觉js相对于java ...
前端百题斩【020】——竟然有五种方式实现flat方法
写该系列文章的初衷是"让每位前端工程师掌握高频知识点,为工作助力".这是前端百题斩的第20斩,希望朋友们关注公众号"执鸢者",用知识武装自己的头脑. 20.1 ...

javascript几种写空格符的方法

javascript几种写空格符的方法相关推荐

最新文章

热门文章