JS輸出空格的簡(jiǎn)單實(shí)現(xiàn)方法
更新時(shí)間：2016年09月08日 09:07:09 投稿：jingxian
下面小編就為大家?guī)硪黄狫S輸出空格的簡(jiǎn)單實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
在寫JS代碼的時(shí)候，大家可以會(huì)發(fā)現(xiàn)這樣現(xiàn)象：
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è)參考，也希望大家多多支持腳本之家。
相關(guān)文章
javascript 冒泡排序 正序和倒序?qū)崿F(xiàn)代碼
javascript 冒泡排序 正序和倒序?qū)崿F(xiàn)代碼，需要的朋友可以參考下。2010-12-12
這篇文章主要介紹了JavaScript 匿名函數(shù)和閉包介紹,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了JavaScript中的Proxy-Reflect操作方法,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-11-11
Js空格過濾代碼，這個(gè)實(shí)用性很強(qiáng)，可以省去用動(dòng)態(tài)語(yǔ)言過濾字符的麻煩，減輕服務(wù)器壓力，而且JS執(zhí)行速度較快2013-03-03
解決微信授權(quán)成功后點(diǎn)擊按返回鍵出現(xiàn)空白頁(yè)和報(bào)錯(cuò)的問題
這篇文章主要介紹了解決微信授權(quán)成功后點(diǎn)擊按返回鍵出現(xiàn)空白頁(yè)和報(bào)錯(cuò)的問題，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
之前做小程序開發(fā)的時(shí)候,對(duì)于開發(fā)來說比較頭疼的莫過于自定義組件了,下面這篇文章主要給大家介紹了關(guān)于微信小程序自定義組件的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-03-03
虛擬列表不是什么神秘的東西,下面這篇文章主要給大家介紹了關(guān)于微信小程序虛擬列表的應(yīng)用實(shí)例,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2021-12-12
雖然js是基于對(duì)象的，但在很多時(shí)候會(huì)使用到new這個(gè)操作符。2010-12-12
js for循環(huán)，為什么一定要加var定義i變量
我知道，有些人（譬如之前的我）寫js的for循環(huán)時(shí)，都不習(xí)慣加上var，這當(dāng)然是語(yǔ)法允許的。2010-06-06
JS判斷對(duì)象是否為空對(duì)象的幾種實(shí)用方法匯總
判斷是否為空對(duì)象在實(shí)際開發(fā)中很常見,下面這篇文章主要給大家介紹了關(guān)于JS判斷對(duì)象是否為空對(duì)象的幾種實(shí)用方法,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-05-05