JavaScript如何实现打印操作

这篇文章给大家分享的是有关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为需要打印的元素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如何实现打印操作”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！