JavaScript怎么实现打印操作


当前第2页 返回上一页

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

1

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

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

1

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

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

1

document.body.innerHTML = newstr;

执行打印操作

1

window.print();

还原当前页面

1

document.body.innerHTML = oldstr;

方法例:

1

2

3

4

5

6

7

8

9

//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怎么实现打印操作的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

javascript 中判断变量是否为数字

js的dom与事件小结

javascript中怎么单行注释

如何在网页中引入外部js文件和css样式文件

前端笔试中的坑位-js隐式转换问题

10个实用的es6方法,快来收藏!

详解javascript中怎么实现队列结构

javascript中的数据类型和类型转换

javascript可以看什么书

javascript中sort()方法怎么用

更多相关阅读请进入《javascript》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...