首頁 > web前端 > 前端問答 > javascript怎麼列印

javascript怎麼列印

藏色散人
發布: 2023-01-07 11:44:01
原創
2307 人瀏覽過

在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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板