jquery 打印没有CSS怎么解决

html-css010

jquery 打印没有CSS怎么解决,第1张

专门写个css,指定为打印样式:media="print"

<link rel="stylesheet" type="text/css" media="print" href="xxx.css" />

或者你现有的样式上指明用于屏幕和打印:media="screen,print"

<link rel="stylesheet" type="text/css" media="screen,print" href="xxx.css" />

解决步骤如下。

打印预览;在需要打印的表格先点击打印预览,看下自己需要打印的内容是否都完整的在一页一页上面。

选择页面布局;预览之后都完整,开始进行打印标题操作。选择页面布局之后点击里面打印标题。

打印区域选择;点击打印标题后会出现一个页面设置框,选择里面工作表,点击打印顶端标题。这里要注意下是顶端标题不要选择错了。

顶端标题选择;点击打印顶端标题箭头后出现一条小框,在你刚才需要打印excel表格里面选择第一行标题,在小框里面就会出现$1:$1,意思就是选择了要打印的顶端标题区域。

确认标题;选择好打印区域后,点击小框旁边键就返回到页面设置框,就看到顶端标题已经有了,点击确定。

预览完成;确认好后再次预览,翻到后面几页看下就已经有顶端标题了。如果要打印前面两行标题,就在选择区域的时候选择前面2行就可以了!最后再完成打印就可以了。

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的支持)。