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

开发中遇到了一个需求，需要用网页写一个回执单，然后点击打印打印指定区域内容，最后选择了使用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, /