您的位置:首页 > Web前端 > JavaScript

js实现页面局部打印

2014-06-25 12:13 741 查看
下载并引入 jquery.jqprint-0.3.js  jquery.js

<script type="text/javascript">  

function print()

{

$("#print").jqprint();

}

   

 </script>  

<div>

test

</div>

<div id="myPrintArea">  

            ====打印区域====  

 </div>  

<input id="print" type="button" value="打印" onclick = 'print();'/>  

{  

        debug: false,//如果是true则可以显示iframe查看效果(iframe默认高和宽都很小,可以再源码中调大),默认是false  

        importCSS: true, //true表示引进原来的页面的css,默认是true。(如果是true,先会找$("link[media=print]"),若没有会去找$("link")中的css文件)  

        printContainer: true,//表示如果原来选择的对象必须被纳入打印(注意:设置为false可能会打破你的CSS规则)。  

        operaSupport: true//表示如果插件也必须支持歌opera浏览器,在这种情况下,它提供了建立一个临时的打印选项卡。默认是true  

}  

很多人从网上问如何去掉页眉和页脚

其实是通过浏览器设置

以火狐为例子 

文件 ==> 页面设置 ==> 页边距和页眉/页脚

把页眉页脚改成空白就可以了 

或者根据自己的需要更改显示的内容 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jquery