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