JS打印当前页面或打印局部div

最新推荐文章于 2024-05-22 15:07:14 发布

Giraffe8

最新推荐文章于 2024-05-22 15:07:14 发布

阅读量2.6w

点赞数 3

分类专栏： JS 文章标签： javascript

本文链接：https://blog.csdn.net/huang930528/article/details/52860855

版权

JS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

JS调用打印功能，打印当前页面或打印局部div。代码实现如下：

/**
 * Created by 大智若愚的小懂 on 2016/10/19.
 */

/**
 * 打印当前页面
 */
function printpage() {
    window.print();
}

/**
 * 打印局部div
 * @param printpage 局部div的ID
 */
function printdiv(printpage) {
    var headhtml = "<html><head><title></title></head><body>";
    var foothtml = "</body>";
    // 获取div中的html内容
    var newhtml = document.all.item(printpage).innerHTML;
    // 获取div中的html内容，jquery写法如下
    // var newhtml= $("#" + printpage).html();

    // 获取原来的窗口界面body的html内容，并保存起来
    var oldhtml = document.body.innerHTML;

    // 给窗口界面重新赋值，赋自己拼接起来的html内容
    document.body.innerHTML = headhtml + newhtml + foothtml;
    // 调用window.print方法打印新窗口
    window.print();

    // 将原来窗口body的html值回填展示
    document.body.innerHTML = oldhtml;
    return false;
}

Giraffe8

关注

3
点赞
踩
12

收藏

觉得还不错? 一键收藏
5
评论
JS打印当前页面或打印局部div

/** * Created by Administrator on 2016/10/19. *//** * 打印当前页面 */function printpage() { window.print();}/** * 打印局部 * 此js函数用于解决打印指定div的问题 */function printdiv(printpage) { var headhtml =
复制链接

扫一扫