js打印方法 php,如何在JS中实现打印的方式（结合代码详细解答）

下面是我给大家整理的如何在JS中实现打印的方式，有兴趣的同学可以去看看。

1.JS实现打印的方式

方式一：window.print()

window.print();会弹出打印对话框，打印的是window.document.body.innerHTML中的内容，下面是从网上摘到的一个局部打印的例子，该例子的不足是打印会修改页面的内容。

局部打印案例

function doPrint() {

bdhtml=window.document.body.innerHTML;

sprnstr="";

eprnstr="";

prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);

prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));

window.document.body.innerHTML=prnhtml;

window.print();

}

1不需要打印的地方

2这里不要打印啊

打印标题

打印内容~~

打印

不打印的地方啊哈哈哈哈

2

[javascript] view plain copy

局部打印案例

function doPrint() {

bdhtml=window.document.body.innerHTML;

sprnstr="";

eprnstr="";

prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);

prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));

window.document.body.innerHTML=prnhtml;

window.print();

}

1不需要打印的地方

2这里不要打印啊

打印标题

打印内容~~

打印

不打印的地方啊哈哈哈哈

2

方式二：使用html 标签引入Webbrowser控件

这种方式是其只兼容IE，其他浏览器不可使用，同时IE10以下的浏览器才可以使用，调用方式如下：

WebBrowser.ExecWB(1,1) //打开

WebBrowser.ExecWB(2,1) //关闭现在所有的IE窗口，并打开一个新窗口

WebBrowser.ExecWB(4,1) //保存网页

//--------------- 常用 ---------------

WebBrowser.ExecWB(6,1) //打印

WebBrowser.ExecWB(7,1) //打印预览

WebBrowser.ExecWB(8,1) //打印页面设置

//-------------------------------------

WebBrowser.ExecWB(10,1) //查看页面属性

WebBrowser.ExecWB(15,1) //撤销

WebBrowser.ExecWB(17,1) //全选

WebBrowser.ExecWB(22,1) //刷新

WebBrowser.ExecWB(45,1) //关闭窗体无提示

WebBrowser.ExecWB(1,1) //打开

WebBrowser.ExecWB(2,1) //关闭现在所有的IE窗口，并打开一个新窗口

WebBrowser.ExecWB(4,1) //保存网页

//--------------- 常用 ---------------

WebBrowser.ExecWB(6,1) //打印

WebBrowser.ExecWB(7,1) //打印预览

WebBrowser.ExecWB(8,1) //打印页面设置

//-------------------------------------

WebBrowser.ExecWB(10,1) //查看页面属性

WebBrowser.ExecWB(15,1) //撤销

WebBrowser.ExecWB(17,1) //全选

WebBrowser.ExecWB(22,1) //刷新

WebBrowser.ExecWB(45,1) //关闭窗体无提示

这种方式优势是在IE下可以弹出打印预览，这是打印很人性化的功能，但是遗憾的是高版本的IE浏览器不支持WebBrowser了

方式三：采用document.execCommand(”print”)

该方式也兼容各个版本的浏览器，同window.print()一样，其启动的是打印对话框，chrome的打印对话框自带预览功能，但是IE、火狐仅仅只弹出打印设置对话框，没有预览功能。

上面是我整理给大家的如何在JS中实现打印的方式，希望今后会对大家有帮助。

相关文章：