App下載

JavaScript怎么實現(xiàn)頁面打印？兩種方法介紹

猿友 2021-05-31 13:57:41 瀏覽數(shù) (7733)
反饋

頁面的打印功能是常用功能之一，最常見的就是在某些報名系統(tǒng)中，需要打印準考證等。那么這篇文章為大家介紹一下 JavaScript 怎么實現(xiàn)頁面打?。?/p>

實現(xiàn)頁面打印功能有兩種方法，一是直接在按鈕中調(diào)用打印方法；二是調(diào)用 JS 方法實現(xiàn)打印。

按鈕調(diào)用打印方法

<input type='button' value='打印' onclick='javascript:window.print();'/>

當(dāng)我們點擊打印按鈕時，則會跳出打印頁面。效果如下：

JavaScript實現(xiàn)頁面打印


調(diào)用 JS 打印方法

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>JavaScript實現(xiàn)打印 - 編程獅(w3cschool.cn)</title>
</head>
<script type="text/javascript">
	function PrintPage(){
		window.print();
	}
</script>
<body>
	<input type="button" value="打印" onclick="PrintPage()">
</body>
</html>

JavaScript 中的 ?print()? 方法用于打印當(dāng)前頁面內(nèi)容，此方法不如第一個方法來的簡單，還需要另外寫函數(shù)并調(diào)用。

以上就是文章“JavaScript 怎么實現(xiàn)頁面打?。績煞N方法介紹”的全部內(nèi)容。更多 JavaScript 學(xué)習(xí)請前往 w3cschool。

相關(guān)課程：JavaScript入門

HTML

0 人點贊