这篇文章给大家分享的是有关JavaScript如何实现打印操作的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
在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为需要打印的元素IDfunction 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的特点
1.JavaScript主要用来向HTML页面添加交互行为。2.JavaScript可以直接嵌入到HTML页面,但写成单独的js文件有利于结构和行为的分离。3.JavaScript具有跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行。
感谢各位的阅读!关于“JavaScript如何实现打印操作”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!