JavaScript 輸出崑崙主管641480

wangchengjung發表於2022-11-22

JavaScript 不提供任何內建的列印或顯示函式。

JavaScript 顯示方案

JavaScript 能夠以不同方式“顯示”資料:

  • 使用  window.alert() 寫入警告框
  • 使用  document.write() 寫入 HTML 輸出
  • 使用  innerHTML 寫入 HTML 元素
  • 使用  console.log() 寫入瀏覽器控制檯

使用 innerHTML

如需訪問 HTML 元素,JavaScript 可使用  document.getElementById(id) 方法。

id 屬性定義 HTML 元素。innerHTML 屬性定義 HTML 內容:

例項

<!DOCTYPE html><html><body><h1>我的第一張網頁</h1><p>我的第一個段落</p><p id="demo"></p><script>
 document.getElementById("demo").innerHTML = 5 + 6;</script></body></html>

提示:更改 HTML 元素的 innerHTML 屬性是在 HTML 中顯示資料的常用方法。

使用 document.write()

出於測試目的,使用  document.write() 比較方便:

例項

<!DOCTYPE html><html><body><h1>我的第一張網頁</h1><p>我的第一個段落</p><script>document.write(5 + 6);</script></body></html>

注意:在 HTML 文件完全載入後使用  document.write() 將 刪除所有已有的 HTML :

例項

<!DOCTYPE html><html><body><h1>我的第一張網頁</h1><p>我的第一個段落</p><button >

提示: document.write() 方法僅用於測試。

使用 window.alert()

您能夠使用警告框來顯示資料:

例項

<!DOCTYPE html><html><body><h1>我的第一張網頁</h1><p>我的第一個段落</p><script>window.alert(5 + 6);</script></body></html>

使用 console.log()

在瀏覽器中,您可使用  console.log() 方法來顯示資料。

請透過 F12 來啟用瀏覽器控制檯,並在選單中選擇“控制檯”。

例項

<!DOCTYPE html><html><body><h1>我的第一張網頁</h1><p>我的第一個段落</p><script>console.log(5 + 6);</script></body></html>


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70009334/viewspace-2924430/,如需轉載,請註明出處,否則將追究法律責任。

相關文章