JavaScript如何实现打印操作
这篇文章给大家分享的是有关JavaScript如何实现打印操作的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
成都创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于成都网站制作、成都做网站、扶绥网络推广、成都小程序开发、扶绥网络营销、扶绥企业策划、扶绥品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;成都创新互联公司为所有大学生创业者提供扶绥建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com
在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的特点
1.JavaScript主要用来向HTML页面添加交互行为。 2.JavaScript可以直接嵌入到HTML页面,但写成单独的js文件有利于结构和行为的分离。 3.JavaScript具有跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行。
感谢各位的阅读!关于“JavaScript如何实现打印操作”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
网站栏目:JavaScript如何实现打印操作
网站路径:http://pwwzsj.com/article/gjiccd.html