当前第2页 返回上一页
首先获得元素的html内容(这里建议如果有样式最好是用内联样式的方式)
1 | var newstr = document.getElementById(myp).innerHTML;
|
保存当前页面的整个html,因为window.print()打印操作是打印当前页的所有内容,所以先将当前页面保存起来,之后便于恢复。
1 | var oldstr = document.body.innerHTML;
|
把当前页面替换为打印内容HTML
1 | document.body.innerHTML = newstr;
|
执行打印操作
还原当前页面
1 | document.body.innerHTML = oldstr;
|
方法例:
1 2 3 4 5 6 7 8 9 | 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》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » JavaScript怎么实现打印操作