提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

javascript打印html内容功能的方法示例

JavaScript方法HTML 功能 示例 内容 打印
2023-06-13 09:15:13 时间

复制代码代码如下:


 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml">

<head>   

<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>

</head>

<body>

<divid="divPrint">

<table>

<tr><td>我的打印的内容</td></tr>

</table>

</div>

 <p>所有内容</p>

<ahref="javascript:printme()"target="_self">打印</a>

</body>

<script>   

varglobal_Html="";   

functionprintme(){

       global_Html=document.body.innerHTML;       

     document.body.innerHTML=document.getElementById("divPrint").innerHTML;        　　　　　　　　　　　　　　     

      window.print();

       window.setTimeout(function(){

           document.body.innerHTML=global_Html;       

},1500);   

}

</script>

</html>

相关文章