一、用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之间的操作。由JohnResig在2006年1月的BarCampNYC上发布第一个版本。
目前是由DaveMethvin领导的开发团队进行开发。全球前10000个访问最高的网站中,有59%使用了jQuery,是目前最受欢迎的JavaScript库。
特点
1.动态特效;
2.AJAX;
3.通过插件来扩展;
4.方便的工具-例如浏览器版本判断;
5.渐进增强;
6.链式调用;
7.多浏览器支持,支持InternetExplorer6.0+、Opera9.0+、Firefox2+、Safari2.0+、Chrome1.0+(在2.0.0中取消了对InternetExplorer6,7,8的支持)。
二、基于bootstrap3和jquery的分页插件
文章的内容是使用bootstrap-paginator进行分页,使用ajax获取后台数据、渲染。1.版本说明bootstrap3.3.2bootstrap-paginatorv1.0github2.准备工程建立动态web工程,新建index.html页面,引入bootstrap相关cssjs文件。3.简单显示在需要显示分页的位置添加ul标签:
在页面底部添加js代码:启动web服务,访问index.html页面,可以看到分页显示。4.后台准备数据建立一个servlet,负责向前台输出json数据。PrintWriterout=response.getWriter();Strings1="[{\"name\":\"lilei\"},{\"name\":\"lilei2\"}]";Strings2="{\"name\":\"hanmeimei\"}";Strings3="{\"name\":\"jim\"}";Strings4="{\"name\":\"jim1\"}";Strings5="{\"name\":\"jim2\"}";Stringpage=request.getParameter("page");Stringcur=null;switch(page){case"1":cur=s1;break;case"2":cur=s2;break;case"3":cur=s3;break;case"4":cur=s4;break;case"5":cur=s5;break;default:break;}out.print(cur);out.close();5.前台展示数据前台需要先获取记录的总条数和每页容量。其中pageSize设置为2,先用post方法获取totalPages,用来初始化分页插件。运行程序即可。详细的可以参见bootstrap-paginator说明,或者去bootstrap-paginatorgithub查阅。工程下载bootstrap-paginator.zipjdk1.8tomcat8感谢您的阅读!希望本文对解决您关于jquery官方下载和jquery mobile 下载的问题有所帮助。如果您还有其他疑问,欢迎随时向我们提问。