輸出內容(document.write)

字號+ 編輯: Snake 修訂: IT男在阿里 來源: 慕课网 2023-09-05 我要說兩句(0)

document.write() 可用於直接向 HTML 輸出流寫內容。簡單的說就是直接在網頁中輸出內容。

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

閲完此文,您的感想如何?
  • 有用

    0

  • 沒用

    0

  • 開心

    0

  • 憤怒

    0

  • 可憐

    0

1.如文章侵犯了您的版權,請發郵件通知本站,該文章將在24小時内刪除;
2.本站標注原創的文章,轉發時煩請注明來源;
3.交流群: 2702237 13835667

相關課文
  • JS如何防止父節點的事件運行

  • nodejs編寫一個簡單的http請求客戶端代碼demo

  • 說一則為甚麼後端開發人員不選擇node.js的原因

  • 使用Sublime Text3 開發React-Native的配置

我要說說
網上賓友點評