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

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

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 回答

JS主要是實現網頁上的特效效果的，CSS樣式是表現，HTML是網頁內容的載體，在制作網頁時，要把三者結合起來使用，由于瀏覽器顯示機制的作用，空格是不起作用的，可以通過&nbsp;標簽或CSS樣式輸出空格。

CSS樣式：document.write("<span style="whitespace">" + 要輸出的內容 + “</span>”)內嵌式方式

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

城南舊夢情

不行，就算改了“</span>”的引號也不行
2017-07-16 回復 有任何疑惑可以回復我~

厲害啊

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

厲害！

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

&nbsp;

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

qq_北京一只爬蟲_0

人家說在JS里，你這是HTML輸出空格好吧
2018-03-14 回復 有任何疑惑可以回復我~
#2

慕蓋茨8015250 回復 qq_北京一只爬蟲_0

“js”向html插入字符串“&nbsp;”，就相當于你在html里寫下了“&nbsp;”，這樣html就會把“&nbsp;”翻譯成空格。
2018-09-18 回復 有任何疑惑可以回復我~
2 回復 有任何疑惑可以回復我~ 
?<a?href="http://weibo.com/227193223>做一名有內涵的設計師</a>

0 回復 有任何疑惑可以回復我~ 
?做一名有內涵的設計師

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

不錯支持

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

document.writeln("")會自動加上空格做為間隔

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

小于飛飛 提問者

是可以，不過在連續輸入多個空格時，瀏覽器顯示的是一個空格，試一試。
2015-03-13 回復 有任何疑惑可以回復我~
#2

慕絲5713667

是換行？
2015-07-25 回復 有任何疑惑可以回復我~
#3

文宇

碰到多個就和合并，合并之前以字符串形式連起來，連接起來的有連續的空格就成一個
2015-10-15 回復 有任何疑惑可以回復我~
#4

jshacker007 回復 文宇

不錯的
2015-11-17 回復 有任何疑惑可以回復我~
#5

jshacker007

很好的回復
2015-11-17 回復 有任何疑惑可以回復我~
#6

慕課君 回復 小于飛飛 提問者

去百度js轉義字符，這個這里沒講。
2015-12-30 回復 有任何疑惑可以回復我~
查看3條回復
首頁上一頁12下一頁尾頁

舉報

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

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

進入課程

JS中如何輸出空格

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

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

 幫助反饋 APP下載

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

 公眾號

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