當前位置：首頁 >

JavaScript打印输出

發布時間：2024/3/24 42 豆豆

生活随笔收集整理的這篇文章主要介紹了 JavaScript打印输出小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

JavaScript 顯示方案

JavaScript 能夠以不同方式“顯示”數據：
使用 window.alert() 寫入警告框
使用 document.write() 寫入 HTML 輸出
使用 innerHTML 寫入 HTML 元素
使用 console.log() 寫入瀏覽器控制臺

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

id 屬性定義 HTML 元素。innerHTML 屬性定義 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() 比較方便：
實例

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

注意：在 HTML 文檔完全加載后使用 document.write() 將刪除所有已有的 HTML ：
使用 window.alert()
您能夠使用警告框來顯示數據：
實例

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

使用 console.log()
在瀏覽器中，您可使用 console.log() 方法來顯示數據。
請通過 F12 來激活瀏覽器控制臺，并在菜單中選擇“控制臺”。
實例

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

以上是生活随笔為你收集整理的JavaScript打印输出的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。