CSDN文章一键打印、输出PDF

硫酸钡

已于 2022-11-30 17:04:01 修改

阅读量2.4k

点赞数 8

文章标签：前端 html javascript

于 2022-10-07 22:06:42 首次发布

原文链接：https://blog.csdn.net/lwj8819/article/details/122160179

版权

本文转载自立志考博士
感谢

一、使用谷歌浏览器打开你所想要保存的博客页面

在这里插入图片描述

二、按F12打开控制台输入以下代码到console（控制台）

代码如下（示例）：

function doPrint(){
        var head_str = "<html><head><title></title></head><body>"; //先生成头部
        var foot_str = "</body></html>"; //生成尾部
        var older = document.body.innerHTML;
        //var new_str = document.getElementById('wrapper').innerHTML; //获取指定打印区域
	var new_str = document.getElementsByClassName('blog-content-box')[0].innerHTML; //获取指定打印区域
        var old_str = document.body.innerHTML; //获得原本页面的代码
        document.body.innerHTML = head_str + new_str + foot_str; //构建新网页
        window.print(); //打印刚才新建的网页
        document.body.innerHTML = older; //将网页还原
        return false;
};doPrint();

 
 
 
 1
2
3
4
5
6
7
8
9
10
11
12