js设置html纵向打印,JS实现html打印功能，打印后返回原页面

您现在的位置是：

JS实现html打印功能，打印后返回原页面

发布时间：2020-04-23作者：小灵龙来源：未知点击：197

打印功能

h1{

text-align: center;

}

#main {

width: 800px;

height: 200px;

margin: 0 auto;

border: 1px solid #ccc;

}

p {

text-align: center;

}

span {

display: inline-block;

width: 100px;

height: 40px;

background: #3385FF;

text-align: center;

line-height: 40px;

color: #fff;

float: right;

margin-top: 20px;

margin-right: 320px;

cursor: pointer;    }

xx报告

打印标题

打印内容

正文部分正文部分正文部分正文部分正文部分正文部分正文部分

打印

//打印

function preview()

{

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();

// 返回原界面

window.document.body.innerHTML = bdhtml

window.location.reload()

}

如果帮到了您，请打赏一二！

标签：