JavaScript怎么实现打印操作
程序员文章站
2022-01-29 07:09:14
...
在JavaScript中,可以使用Window对象的print()方法来实现打印操作,语法格式“window.print()”。print()方法用于打印当前窗口的内容;调用print()方法会产生一个打印预览弹框,让用户可以设置打印请求。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
打印当前页面指定元素中的内容
直接使用window.print();
首先获得元素的html内容(这里建议如果有样式最好是用内联样式的方式)
var newstr = document.getElementById(myp).innerHTML;//得到需要打印的元素HTML
保存当前页面的整个html,因为window.print()打印操作是打印当前页的所有内容,所以先将当前页面保存起来,之后便于恢复。
var oldstr = document.body.innerHTML;//保存当前页面的HTML
把当前页面替换为打印内容HTML
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怎么实现打印操作的详细内容,更多请关注其它相关文章!
上一篇: javascript如何改变文本内容
下一篇: javascript怎么将值转为字符串
推荐阅读
-
JavaScript 实现HTML DOM增删改查操作的常见方法详解
-
js实现局部页面打印预览原理及示例代码_javascript技巧
-
javascript - 在分享到Q空间的同时,如何实现同时执行另外一个操作?
-
javascript怎么实现除法取余
-
JavaScript怎么实现尾字母大写
-
javascript怎么实现除法保留两位小数
-
javascript - 请问:在输入框内粘贴图片并上传到服务器,怎么用PHP+JS实现?
-
javascript - 请问这个是怎么实现的
-
javascript - 虎扑屏蔽youku,tudou广告是怎么实现的
-
javascript - 列表页加入购物车该怎么去实现