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
}
很多人从网上问如何去掉页眉和页脚
其实是通过浏览器设置
以火狐为例子
文件 ==> 页面设置 ==> 页边距和页眉/页脚
把页眉页脚改成空白就可以了
或者根据自己的需要更改显示的内容
<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
}
很多人从网上问如何去掉页眉和页脚
其实是通过浏览器设置
以火狐为例子
文件 ==> 页面设置 ==> 页边距和页眉/页脚
把页眉页脚改成空白就可以了
或者根据自己的需要更改显示的内容
相关文章推荐
- js效果实现页面的局部打印
- js或jquery实现页面打印可局部打印
- JS实现页面打印(整体、局部)
- js实现局部页面打印预览原理及示例代码
- 原生js实现的局部页面打印功能,可以适用vue和jq
- js或jquery实现页面打印(局部打印)
- js或jquery实现页面打印可局部打印
- 利用css和js实现firefox和IE都支持的页面局部打印
- js或jquery实现页面打印可局部打印
- js或jquery实现页面打印可局部打印
- JS 实现简单的页面局部打印例子
- js实现页面局部弹窗打印
- js或jquery实现页面打印(局部打印)
- js 实现用window.print()打印页面中的部分内容,局部打印
- js或jquery实现页面打印可局部打印
- jquery.PrintArea.js 实现打印局部页面
- js实现局部页面打印预览原理及示例代码
- JS 实现简单的页面局部打印
- js或jquery实现页面打印可局部打印
- JS 实现简单的页面局部打印