当前第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是一门什么样的语言
jquery.cookie.js插件实现换肤功能
javascript怎么隐藏herf
用javascript绘制一个渐变圆圈对角线
jquery与javascript有什么关系?
javascript的math方法有哪些
javascript怎么删除信息
javascript中object.is()方法如何使用?(代码示例)
javascript怎么求数组最大最小值
javascript中字符串(string)如何转json
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » JavaScript怎么实现打印操作