网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

javascript空白,js 空白字符

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;

”样式属性。这个样式表示"空白会被浏览器保留"

以上这篇JS输出空格的简单实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

javascript 如何去掉空格

去掉空格的本质就是将字符串中的空字符串删除,根据这个解决思路,我们有多种解决方法。

方法一:遍历法。遍历字符串中的字符保留有效字符

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

为什么我javascript的代码总是预览时空白的?

你好,这是很正常的,因为这是拆分视图,建议如果要做网页的话,最好是不看这个;直接在代码视图里面输入,保存网页之后可以在修改的时候在网页的里面刷新查看,这是很基本的一个知识~


当前文章:javascript空白,js 空白字符
文章路径:http://bjjierui.cn/article/dsgdodg.html

其他资讯