JS輸出空格的簡(jiǎn)單實(shí)現(xiàn)方法

在寫JS代碼的時(shí)候，大家可以會(huì)發(fā)現(xiàn)這樣現(xiàn)象：

目前創(chuàng)新互聯(lián)已為超過千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、網(wǎng)站托管、服務(wù)器租用、企業(yè)網(wǎng)站設(shè)計(jì)、定興網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

document.write("

1

2

3

");

結(jié)果:

1

2

3

無論在輸出的內(nèi)容中什么位置有多少個(gè)空格，顯示的結(jié)果好像只有一個(gè)空格。

這是因?yàn)闉g覽器顯示機(jī)制，對(duì)手動(dòng)敲入的空格，將連續(xù)多個(gè)空格顯示成1個(gè)空格。

解決方法：

1.

使用輸出html標(biāo)簽 來解決

document.write(" "+"1"+" "+"23");

結(jié)果:

1

23

2.

使用CSS樣式來解決

document.write("span

style='white-space:pre;'"+"

1

2

3

"+"/span");

結(jié)果:

1

2

3

在輸出時(shí)添加“white-space:pre;

”樣式屬性。這個(gè)樣式表示"空白會(huì)被瀏覽器保留"

以上這篇JS輸出空格的簡(jiǎn)單實(shí)現(xiàn)方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

javascript 如何去掉空格

去掉空格的本質(zhì)就是將字符串中的空字符串刪除，根據(jù)這個(gè)解決思路，我們有多種解決方法。

方法一：遍歷法。遍歷字符串中的字符保留有效字符

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

方法二：利用數(shù)組。利用數(shù)組特性簡(jiǎn)化代碼

function?trim(str){

var?chars?=?str.split("?");

return?chars.join('');

}

var?testStr?=?"?te?s?t??";

testStr?=?trim(testStr);

console.log(testStr?);

//test

方法三：遞歸法。利用正則表達(dá)式遞歸去除空格符

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函數(shù)

var?testStr?=?"?te?s?t??";

testStr?=?$.trim(testStr);

console.log(testStr?);

//test

為什么我javascript的代碼總是預(yù)覽時(shí)空白的?

你好，這是很正常的，因?yàn)檫@是拆分視圖，建議如果要做網(wǎng)頁的話，最好是不看這個(gè)；直接在代碼視圖里面輸入，保存網(wǎng)頁之后可以在修改的時(shí)候在網(wǎng)頁的里面刷新查看，這是很基本的一個(gè)知識(shí)~