天天看点

原生js打印插件Print.js

网页打印功能在很多的网站系统中都会使用到。比如说报表打印功能等。

以下是在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">
        
           

继续阅读