网页打印功能在很多的网站系统中都会使用到。比如说报表打印功能等。
以下是在Jquery插件库中找到的一款原生js打印插件,代码清洁简单,封装的代码也很好理解。
index.html页面代码
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Print.js 演示</title>
<style>
html,body{
margin: 0;
padding: 0;
}
body{
font-size: 14px;
color: #333;
}
.fr{
float:right;
}
.vt{
vertical-align: top;
}
.wrap{
margin: 0 auto;
padding: 20px;
width: 640px;
border:1px solid #ccc;
}
.form .row{
padding: 10px 0 0;
}
.btn{
display: block;
margin: 20px auto;
padding: 8px 16px;
}
</style>
</head>
<body>
<div id="wrap" class="wrap">
<div class="con">
<h1>萨摩耶犬</h1>
<ul>
<li>
<h3>发展历史</h3>
<img class="fr" src="files/dog.jpg" width="200">