輸出内容（document.write）

document.write()

可用於直接向 HTML 輸出流寫内容。簡單的說就是直接在網頁中輸出内容。

第一種:輸出内容用""括起，直接輸出""號内的内容。

<script type="text/javascript">
  document.write("I love JavaScript！"); //内容用""括起來，""裡的内容直接輸出。
</script>

第二種:通過變量，輸出内容

<script type="text/javascript">
  var mystr="hello world!";
  document.write(mystr);  //直接寫變量名，輸出變量存儲的内容。
</script>

第三種:輸出多項内容，内容之間用+號連接。

<script type="text/javascript">
  var mystr="hello";
  document.write(mystr+"I love JavaScript"); //多項内容之間用+號連接
</script>

第四種:輸出HTML標簽，並起作用，標簽使用""括起來。

<script type="text/javascript">
  var mystr="hello";
document.write(mystr+"<br>");//輸出hello後，輸出一個換行符
  document.write("JavaScript");
</script>

關於JS輸出空格問題：

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