打印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">html input type属性
$(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>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论