基於Jquery的瀏覽器列印外掛
阿新 • • 發佈:2019-02-12
最近工作中需要做到列印功能,為了簡單起見就直接使用外掛呼叫瀏覽器的列印功能。然後發現jquery.PrintArea.js這個外掛蠻好用的。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文件標題</title>
<script src="./js/jquery-2.1.0.js"></script>
<script src="./js/jquery.PrintArea.js"></script>
<style>
#print,#printno{margin-top:20px}
</style>
</head>
<body>
<div id="print">列印的內容列印的內容列印的內容列印的內容列印的內容列印的內容列印的內容列印的內容列印的內容列印的內容列印的內容列印的內容</div>
<div id="printno">
不列印的內容不列印的內容不列印的內容不列印的內容不列印的內容不列印的內容不列印的內容不列印的內容不列印的內容不列印的內容
</div>
<script>
$("#print").printArea();
</script>
</body>
</html>
這樣就可以直接選擇需要列印的區域,簡單好用。