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如何实现打印操作
URL链接：http://shouzuofang.com/article/gjiccd.html