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