admin 管理员组

文章数量: 1184232

html网页打印纵向横向,HTML

开发中遇到了一个需求，需要用网页写一个回执单，然后点击打印打印指定区域内容，最后选择了使用jQuery的print.js

1.下载print.js:

jquery_print.js网盘地址：

链接：

提取码：fudp

2.页面引用：

print.js是jQuery的一个插件，所以在引用print.js之前一定要引用jQuery

示例代码：

#首先引用jQuery

#引入print.js

3.使用示例：

1.首先将要打印的区域使用div包裹起来，定义一个ID：

示例代码：

我是要打印的内容

2.定义按钮触发点击事件：

示例代码：

打印

3.编写js代码：

示例代码：

function print(){

$("#print_html").print({

globalStyles: true, //是否使用父文档的样式表

mediaPrint: false, //是否使用含有media="print"的样式表

stylesheet: null, //链接外部样式表

noPrintSelector: ".no-print", //非打印内容选择器

iframe: true, /

本文标签： html网页打印纵向横向 HTML

版权声明：本文标题：html网页打印纵向横向,HTML 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1686656917a21191.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。