当前位置:Gxlcms > JavaScript > javascript打印html内容功能的方法示例

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

时间:2021-07-01 10:21:17 帮助过:6人阅读

代码如下:
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

<head>   

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

</head>

<body>

<div id="divPrint">

<table>

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

</table>

</div>

 <p>所有内容</p>

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

</body>

<script>   

var global_Html = "";   

function printme() {

        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>

人气教程排行