亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

JS中如何輸出空格

在寫JS代碼的時候,大家可以會發現這樣現象:

document.write("???1??????2????????????????3??");
結果:?1?2?3

無論在輸出的內容中什么位置有多少個空格,顯示的結果好像只有一個空格。

這是因為瀏覽器顯示機制,對手動敲入的空格,將連續多個空格顯示成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;”樣式屬性。這個樣式表示"空白會被瀏覽器保留"


正在回答

19 回答

正則/\s/

0 回復 有任何疑惑可以回復我~

如果想要輸入一個中文空格,就是占用一個中文字符的長度,可以在全角輸入模式下輸入一個空格,同樣輸入的全角空格可以復制,這對代碼的編寫量可以減少很多,也更美觀

2 回復 有任何疑惑可以回復我~

不錯哦

0 回復 有任何疑惑可以回復我~

f非常感謝,實現了我想要的結果,最核心的一點就是 給 span 設置? style='white-space:pre;'

4 回復 有任何疑惑可以回復我~
#1

慕數據3448082

你確定不是換行
2017-07-01 回復 有任何疑惑可以回復我~
#2

慕工程1509133

嗯嗯好的謝謝,這種方式,確實能正常顯示 帶空格的字符串了。
2019-04-13 回復 有任何疑惑可以回復我~

<a href="#">會有效果嗎?</a>

1 回復 有任何疑惑可以回復我~

這個哥是我在imooc上學習時間最長的,流弊

0 回復 有任何疑惑可以回復我~

矮油,不錯哦

1 回復 有任何疑惑可以回復我~

很好,不錯,支持!

0 回復 有任何疑惑可以回復我~

運用轉義字符,“\v”? 實現空格,有問題,找男神,男神給你溜肥腸。

3 回復 有任何疑惑可以回復我~
#1

Maxmengt

好像不行...
2016-03-29 回復 有任何疑惑可以回復我~

問題很好的

0 回復 有任何疑惑可以回復我~
首頁上一頁12下一頁尾頁

舉報

0/150
提交
取消
JavaScript入門篇
  • 參與學習       741189    人
  • 解答問題       9866    個

JavaScript做為一名Web工程師的必備技術,本教程讓您快速入門

進入課程

JS中如何輸出空格

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號