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;
}

});

这样既可以实现局部选择打印和局部不选择打印

相关文章

  • JavaScript this使用方法图解

    JavaScript this使用方法图解

    这篇文章主要介绍了JavaScript this使用方法图解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-02-02
  • JS模拟实现哈希表及应用详解

    JS模拟实现哈希表及应用详解

    这篇文章主要介绍了JS模拟实现哈希表及应用,结合实例形式分析了javascript模拟实现哈希表的步骤、相关操作技巧与使用方法,需要的朋友可以参考下
    2018-05-05
  • 面试官常问之说说js中var、let、const的区别

    面试官常问之说说js中var、let、const的区别

    var、let和const都是JavaScript中用来声明变量的关键字,并且let和 const关键字是在 ES6 中才新增的,下面这篇文章主要给大家介绍了关于var、let、const区别的相关资料,需要的朋友可以参考下
    2022-03-03
  • 详解Next.js页面渲染的优化方案

    详解Next.js页面渲染的优化方案

    这篇文章主要介绍了详解Next.js页面渲染的优化方案,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-01-01
  • 创建一个类Person的简单实例

    创建一个类Person的简单实例

    如何创建一个类Person?下面小编就为大家带来一篇创建一个类Person的简单实例。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧
    2016-05-05
  • JS库之Three.js 简易入门教程(详解之一)

    JS库之Three.js 简易入门教程(详解之一)

    three.js是一款webGL框架,由于其易用性被广泛应用。下面脚本之家小编通过案例给大家阐述three.js的基本配置方法,具体内容详情大家参考下本文吧
    2017-09-09
  • js对象继承之原型链继承实例

    js对象继承之原型链继承实例

    这篇文章主要介绍了js对象继承之原型链继承,以实例形式分析了原型链继承的实现方法与注意事项,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-01-01
  • js省市县三级联动效果实例

    js省市县三级联动效果实例

    这篇文章主要介绍了js实现简单的省市县三级联动效果,以完整实例形式分析了JavaScript实现省市县三级联动效果的具体步骤与相关实现技巧,需要的朋友可以参考下
    2016-05-05
  • js中如何把字符串转化为对象、数组示例代码

    js中如何把字符串转化为对象、数组示例代码

    在本文为大家介绍下把字符串转化为对象:把文本转化为对象、把文本转化为数组,具体实现如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助
    2013-07-07
  • JavaScript中关于数组的调用方式

    JavaScript中关于数组的调用方式

    这篇文章主要介绍了JavaScript中关于数组的调用方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-02-02

最新评论