javascript怎麼列印

藏色散人原創: 2021-07-17 13:57:402172瀏覽

在javascript是不提供任何內建的列印或顯示函數，但能夠以不同方式「顯示」數據，分別是：1、「window.alert()」；2、「document.write( )」；3、「innerHTML」；4、「console.log()」。

javascript怎麼列印

本文操作環境：windows7系統、javascript1.8.5版，DELL G3電腦

javascript怎麼列印?

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 onclick="document.write(5 + 6)">试一试</button>
</body>
</html>

提示：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>

推薦學習：《javascript進階教學》

以上是javascript怎麼列印的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：firefox怎麼關閉javascript下一篇：firefox怎麼關閉javascript

看更多