jquery打印插件,html打印插件

jquery或js调用adobe打印插件打印html指定区域

a.用JS的window.print();实现最简单

目前成都创新互联公司已为成百上千家的企业提供了网站建设、域名、网页空间、绵阳服务器托管、企业网站设计、南岸网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

b.因该方法是打印全部页面,所以要先把整个页面替换成待打印的内容,执行打印后,再替换回来即:

var bodyHTML=window.document.body.innerHTML;

window.document.body.innerHTML=$('#xxx').html();

window.print();

window.document.body.innerHTML=bodyHTML;

例如我要打印这张图

执行该方法后:

用jquery如何实现页面的打印?

1、实现页面打印要引入jQuery和Jqprint。点击下载Jqprint插件;

2、HTML代码;

3、JavaScript代码;

4、属性;

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

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

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

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

5、特殊打印样式;

如果在打印时需要独特的css样式,除了可以直接写在style属性内还可以通过来引用外部css文件中的样式。这样的好处是该样式只会在打印时才应用。

Query是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。

目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中,有59%使用了jQuery,是目前最受欢迎的JavaScript库。

特点

1.动态特效;

2.AJAX;

3.通过插件来扩展;

4.方便的工具 - 例如浏览器版本判断;

5.渐进增强;

6.链式调用;

7.多浏览器支持,支持Internet Explorer6.0+、Opera9.0+、Firefox2+、Safari2.0+、Chrome1.0+(在2.0.0中取消了对Internet Explorer6,7,8的支持)。

jquery怎么打印出自己的名字

jquery打印出自己的名字操作:

1、打印用echarts做出来的图表,打印的时候,要借助jquery的打印插件。

2、打印所需插件。

3、引入JS文件。

4、给前端添加一个打印按钮。

5、JS实现打印功能代码。

6、最终效果。

使用jqprint插件实现打印页面内容

客户需要在页面有一个打印按钮,点击之后可以打印Echarts图表的内容以及文字提示信息,经谷歌搜索发现,实现方法大概有三种之多,其他两种不太熟悉,而采用的这种打印方式是一个在jQuery的基本上开发的一个print插件,因此可以使用jQuery的方式查找元素,因此决定采用这种方式。

先看一下实现的效果图,如下:

注意这里是先引入的jQuery文件,如果没有引入第一个js文件的话,会出现兼容性问题,导致使用jqprint打印时报错。

当然下面还有很多的html标签,在这里就不展示了。

jquery.printarea打印插件怎么用

div class="my_show"

这个是打印时显示的。

/div

div class="my_hidden"

这个是打印时隐藏的。

/div

input type="button" id="print"/

当前题目:jquery打印插件,html打印插件
URL网址:https://www.cdcxhl.com/article0/phpsio.html

成都网站建设公司_创新互联,为您提供网站营销外贸建站用户体验小程序开发面包屑导航网站排名

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都定制网站网页设计