JS实现局部选择打印和局部不选择打印
更新时间：2014年04月03日 15:31:08 投稿：whsnow
这篇文章主要介绍了JS选择打印内容，主要是把自己要打印的东西用一个DIV层抱起来,需要的朋友可以参考下
由于项目的需要在一个页面中选择打印内容。
把自己要打印的东西用一个DIV层抱起来。例如：
JS代码:
注意:在选择打印的时候样式会丢失,需要在打印之前加上打印即可。
复制代码 代码如下:
$(function(){
$("#print").click(function(){
var html = window.document.body.innerHTML;
exportCSS("itemVrbjForm",html);
});
//导入样式到选择打印中
function exportCSS(formName,htmlInfo){
var CSS = "<link href=\""+ baseURL +"/zjxf/common/css/common.css\" type=\"text/css\" rel=\"stylesheet\" /> " +
"<link href=\""+ baseURL +"/zjxf/common/css/table.css\" type=\"text/css\" rel=\"stylesheet\" /> " +
"<link href=\""+ baseURL +"/zjxf/common/css/form.css\" type=\"text/css\" rel=\"stylesheet\" />" +
"<link href=\""+ baseURL +"/zjxf/common/css/tab.css\" type=\"text/css\" rel=\"stylesheet\" />" +
"<link href=\""+ baseURL +"/zjxf/common/css/print.css\" type=\"text/css\" rel=\"stylesheet\" />" ;
$(CSS).appendTo("#" + formName);
window.document.body.innerHTML = $("#" + formName).html();
window.print();
window.document.body.innerHTML = htmlInfo;
}
});
这样既可以实现局部选择打印和局部不选择打印
相关文章
用js实现的动画效果2008-04-04
这篇文章主要为大家详细介绍了基于javascript实现最简单选项卡切换，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
这篇文章主要介绍了Javascript的call、apply，其作用基本相同，但也有略微的区别，需要的朋友可以参考下2015-12-12
这篇文章主要介绍了JS创建对象的写法,结合实例形式分析了javascript对象的定义、实现方法与使用技巧,需要的朋友可以参考下2016-11-11
javascript+HTML5的canvas实现七夕情人节3D玫瑰花效果代码
这篇文章主要介绍了javascript+HTML5的canvas实现七夕情人节3D玫瑰花效果代码,使用了html5的canvas技术,可呈现出带有3D效果的玫瑰花渐显效果,非常逼真自然,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了使用 UniApp 实现小程序的微信登录功能，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-06-06
这篇文章主要为大家详细介绍了微信小程序日历和日期选择插件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-12-12
这篇文章主要介绍了JS实现仿腾讯微博无刷新删除微博效果代码,涉及JavaScript实现Ajax无刷新删除的相关实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-10-10
这篇文章主要介绍了JavaScript新增样式规则(推荐)的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-07-07
利用BootStrap的Carousel.js实现轮播图动画效果
这篇文章主要介绍了利用BootStrap的Carousel.js实现轮播图动画效果的相关资料,需要的朋友可以参考下2016-12-12
最新评论