JavaScript怎么实现打印操作-js教程-PHP中文网

JavaScript怎么实现打印操作

青灯夜游

发布： 2021-05-18 15:04:05

原创

6994人浏览过

在JavaScript中，可以使用Window对象的print()方法来实现打印操作，语法格式“window.print()”。print()方法用于打印当前窗口的内容；调用print()方法会产生一个打印预览弹框，让用户可以设置打印请求。

JavaScript怎么实现打印操作

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

打印当前页面指定元素中的内容

直接使用window.print();

首先获得元素的html内容（这里建议如果有样式最好是用内联样式的方式）

var newstr = document.getElementById(myp).innerHTML;//得到需要打印的元素HTML

登录后复制

保存当前页面的整个html，因为window.print()打印操作是打印当前页的所有内容，所以先将当前页面保存起来，之后便于恢复。

立即学习“Java免费学习笔记（深入）”；

var oldstr = document.body.innerHTML;//保存当前页面的HTML

登录后复制

把当前页面替换为打印内容HTML

iOS开发学习之iOS多线程和RunLoop 中文WORD版

iOS多线程编程对于iOS开发初学者来说，总是会觉得很难理解和掌握，现在通过几个实例来更加系统全面的理解iOS多线程编程，希望对大家有所帮助。有些程序是一条直线，起点到终点；有些程序是一个圆，不断循环，直到将它切断。直线的如简单的Hello World，运行打印完,它的生命周期便结束了，像昙花一现那样；圆如操作系统，一直运行直到你关机。一个运行着的程序就是一个进程或者叫做一个任务，一个进程至少包含一个线程，线程就是程序的执行流。Mac和iOS中的程序启动，创建好一个进程的同时，一个线程便开始运行，

查看详情

document.body.innerHTML = newstr;

登录后复制

执行打印操作

window.print();

登录后复制

还原当前页面

document.body.innerHTML = oldstr;

登录后复制

方法例：

//myp为需要打印的元素ID
function printpage(myp){   
var newstr = document.getElementById(myp).innerHTML;
var oldstr = document.body.innerHTML;
document.body.innerHTML = newstr;
window.print();
document.body.innerHTML = oldstr;
return false;
}

登录后复制

【推荐学习：javascript高级教程】

以上就是JavaScript怎么实现打印操作的详细内容，更多请关注php中文网其它相关文章！