打印 HTML 中的内容

针对 HTML页面 中部分标签进行打印

 

<link type="text/css" rel="stylesheet" href="css/custom.css" media="screen" />  <!--所有外部引用的CSS 都要加上 media="screen" 特性，才能正常引用-->
<link type="text/css" rel="stylesheet" href="css/print.css" media="print" />    <!--针对要打印的内容单独写一个打印样式文件，注：这种引用外部文件的方法 对于jquery.jPrintArea.js 文件不生效，所以目前弃用，改用内部标签<style>的方式-->

<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.jPrintArea.js" type="text/javascript" ></script>

<script type="text/javascript">
        $(function(){
            $("#print_button").click(function(){
                $("#myPrintArea").printArea(); 
            });
        });
</script>

<input type="button" id="print_button" value="打印" />

<div id="myPrintArea" class="myPrintArea" >
　　<style type="text/css">/*样式只有写在这里，才能生效在将要打印出的内容上*/</style>
　　内部的所有内容可被打印
</div>