JS輸出空格的簡(jiǎn)單實(shí)現(xiàn)方法
更新時(shí)間：2016年09月08日 09:07:09 投稿：jingxian
下面小編就為大家?guī)?lái)一篇JS輸出空格的簡(jiǎn)單實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
在寫JS代碼的時(shí)候，大家可以會(huì)發(fā)現(xiàn)這樣現(xiàn)象：
document.write(" 1 2 3 ");
結(jié)果: 1 2 3
無(wú)論在輸出的內(nèi)容中什么位置有多少個(gè)空格，顯示的結(jié)果好像只有一個(gè)空格。
這是因?yàn)闉g覽器顯示機(jī)制，對(duì)手動(dòng)敲入的空格，將連續(xù)多個(gè)空格顯示成1個(gè)空格。
解決方法：
1. 使用輸出html標(biāo)簽 來(lái)解決
document.write(" "+"1"+" "+"23");
結(jié)果: 1 23
2. 使用CSS樣式來(lái)解決
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)文章
關(guān)于TypeScript中import JSON的正確姿勢(shì)詳解
2012年10月首度對(duì)外公布typescript（當(dāng)時(shí)已經(jīng)是0.7？的版本）同時(shí)開源，ts的編譯器是用js編寫的（后來(lái)改成ts？），可以在線編寫。下面這篇文章主要給大家介紹了關(guān)于TypeScript中import JSON的正確姿勢(shì)，需要的朋友可以參考下。2017-07-07
這篇文章主要詳細(xì)介紹了javascript表單驗(yàn)證和Window，并附上了示例代碼，非常使用，對(duì)于我們更好的了解表單驗(yàn)證和Window很有幫助，這里推薦給大家2014-12-12
js數(shù)組如何添加json數(shù)據(jù)及js數(shù)組與json的區(qū)別
在JSON中，有兩種數(shù)據(jù)結(jié)構(gòu)：對(duì)象和數(shù)組。本篇文章給大家介紹js數(shù)組如何添加json數(shù)據(jù)以及js數(shù)組和json的區(qū)別，涉及到j(luò)s json數(shù)組添加相關(guān)知識(shí)，感興趣的朋友可以參考下本篇文章2015-10-10
這篇文章主要為大家詳細(xì)介紹了js html實(shí)現(xiàn)計(jì)算器功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
小程序?qū)崿F(xiàn)發(fā)表評(píng)論功能
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)發(fā)表評(píng)論功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-07-07
刪除屬性有很多方法,學(xué)到了就在這里記錄一下,下面這篇文章主要給大家介紹了關(guān)于js刪除對(duì)象屬性的多種方法,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-12-12
javascript中的糖衣語(yǔ)法Promise對(duì)象詳解
這篇文章主要介紹了javascript中的糖衣語(yǔ)法Promise對(duì)象詳解,Promise 對(duì)象代表了未來(lái)將要發(fā)生的事件，用來(lái)傳遞異步操作的消息，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-07-07
我們很容易被漂亮的代碼吸引，也不知不覺(jué)的在自己的代碼庫(kù)中加入這些。卻沒(méi)有冷靜的想過(guò)它們的優(yōu)劣。這不，我就收集了一系列形如 是否為……？ 的判斷的boolean函數(shù)2012-08-08
詳解如何通過(guò)JavaScript實(shí)現(xiàn)函數(shù)重載
這篇文章主要為大家詳細(xì)介紹了如何通過(guò)JavaScript實(shí)現(xiàn)函數(shù)重載，文中的示例代碼講解詳細(xì)，對(duì)我們學(xué)習(xí)JavaScript有一定的幫助，感興趣的可以了解一下2023-01-01
javascript代碼優(yōu)化的8點(diǎn)總結(jié)
本篇文章給大家分享了關(guān)于javascript代碼優(yōu)化的8點(diǎn)總結(jié)，希望我們整理的內(nèi)容能夠幫助到大家。2018-01-01