JS achieve a simple page Print

Posted on 2009-10-18 filed under: AJAX (RSS) 36 views

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
&lt;html xmlns="http://www.w3.org/1999/xhtml">
&lt;head>&lt;title>
	打印审批页面
&lt;/title>
 &lt;style type="text/css">
#dysp
{
	margin:0px;
	padding:10px;
	overflow:auto;
	color:#000;
	width:760px;
}
#dysp h1
{
	text-align:center;
}
#dysp p.sp1
{
	padding:0px;
	margin:2px 0px;
	text-align:left;
}
#dysp table
{
	border:solid 1px #000;
	border-collapse:collapse;
	margin-bottom:10px;
}
#dysp table td
{
	border:solid 1px #000;
	text-align:left;
}

#dysp table th
{
	padding:5px 0px;
	border:solid 1px #000;
}
&lt;/style>
&lt;script language="Javascript" type="text/javascript"> 
function preview(index)
{
     bdhtml=window.document.body.innerHTML;
            sprnstr="&lt;!--startprint-->";
            eprnstr="&lt;!--endprint-->";
            prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
            prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
            window.document.body.innerHTML=prnhtml;
            window.print(); 
}
&lt;/script>
&lt;/head>
&lt;body>
&lt;div>                         
&lt;!--startprint-->
&lt;div>
    &lt;table>
        &lt;tr>
            &lt;th>起始时间&lt;/th>
            &lt;th>结束时间&lt;/th>
            &lt;th>工作内容&lt;/th>
            &lt;th>备注&lt;/th>
        &lt;/tr>        
        &lt;tr>
            &lt;td>2009-05-14&lt;/td>
            &lt;td>2009-05-14&lt;/td>
            &lt;td>aaaaaaaaaaaaaaaaaa &lt;/td>
            &lt;td>&lt;/td>            
        &lt;/tr>  
	&lt;tr>
            &lt;td>2009-05-14&lt;/td>
            &lt;td>2009-05-14&lt;/td>
            &lt;td>aaaaaaaaaaaaaaaaaa &lt;/td>
            &lt;td>&lt;/td>            
        &lt;/tr> 
	&lt;tr>
            &lt;td>2009-05-14&lt;/td>
            &lt;td>2009-05-14&lt;/td>
            &lt;td>aaaaaaaaaaaaaaaaaa &lt;/td>
            &lt;td>&lt;/td>            
        &lt;/tr>   
	&lt;tr>
            &lt;td>2009-05-14&lt;/td>
            &lt;td>2009-05-14&lt;/td>
            &lt;td>aaaaaaaaaaaaaaaaaa &lt;/td>
            &lt;td>&lt;/td>            
        &lt;/tr> 
	&lt;tr>
            &lt;td>2009-05-14&lt;/td>
            &lt;td>2009-05-14&lt;/td>
            &lt;td>aaaaaaaaaaaaaaaaaa &lt;/td>
            &lt;td>&lt;/td>            
        &lt;/tr>               
    &lt;!--endprint-->
   
    &lt;p>&lt;input type="button" value="打　印" 
   />&lt;/p>
&lt;/div>
    &lt;/div>
    &lt;/form>
&lt;/body>
&lt;/html>