189 8069 5689
在写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输出空格的简单实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
去掉空格的本质就是将字符串中的空字符串删除，根据这个解决思路，我们有多种解决方法。
方法一：遍历法。遍历字符串中的字符保留有效字符
function trim(str){
var i;
var rst = '';
for(i=0;istr.length;i++){
var c = str.charAt(i);
if(c!==" "){
rst = rst + c;
}
}
return rst;
}
var testStr = " te s t ";
testStr = trim(testStr);
console.log(testStr );
//test
方法二：利用数组。利用数组特性简化代码
function trim(str){
var chars = str.split(" ");
return chars.join('');
}
var testStr = " te s t ";
testStr = trim(testStr);
console.log(testStr );
//test
方法三：递归法。利用正则表达式递归去除空格符
function trim(str) {
return str.replace(/(^\s+)|(\s+$)/g, "");
}
var testStr = " te s t ";
testStr = trim(testStr);
console.log(testStr );
//test
方法四：利用jquery.js。如果你使用jquery，可以使用jquery里的trim函数
var testStr = " te s t ";
testStr = $.trim(testStr);
console.log(testStr );
//test
你好，这是很正常的，因为这是拆分视图，建议如果要做网页的话，最好是不看这个；直接在代码视图里面输入，保存网页之后可以在修改的时候在网页的里面刷新查看，这是很基本的一个知识~