DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS輸出空格的簡單實現方法
JS輸出空格的簡單實現方法
編輯:關於JavaScript     

在寫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; ”樣式屬性。這個樣式表示"空白會被浏覽器保留"

以上這篇JS輸出空格的簡單實現方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved