Js打印页面指定内容

来源：互联网发布：手机淘宝安卓版编辑：程序博客网时间：2024/04/30 10:45

一、主要代码

1、js代码

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

}

2、html代码

在需要打印的地方用<!–startprint–><!–endprint–>包裹

二、截图

三、实例代码

<html>

<head>

<style>

* { margin:0px; padding:0px; }

body {

background:#FAFAFA;

color: #303030;

font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;

font-size: 13px;

line-height: 18px;

text-align:center;

}

table {

background:#fff;

border-right:1px solid #ddd;

border-bottom:1px solid #ddd;

border-collapse: separate;

border-spacing: 0;

box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);

width:800px;

margin:0 auto;

margin-top:50px;

}

tr { border:1px solid #DDDDDD; font-size: 13px; }

th,td { border-top:1px solid #ddd; border-left:1pxsolid #ddd; padding:8px; }

th {

background: linear-gradient(center top , #F6F6F6, #EEEEEE) repeat scroll 0 0 rgba(0, 0, 0, 0);

background:-moz-linear-gradient(center top , #F6F6F6, #EEEEEE) repeat scroll 0 0 rgba(0, 0, 0, 0);

background:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eee));

text-align:left;

text-shadow: 0 1px 0 #FFFFFF;

}

button { margin-top:20px; width:100px; height:30px; }

</style>

</head>

<body>

<thead>

<tr>

<th># ID</th><th> Name</th><th>Age</th> <th>Email</th><th>Url</th>

</tr>

</thead>

<tr>