html5中文学习网

您的位置: 首页 > 网站及特效实例 > javascript特效 » 正文

javascript打印html内容功能的方法示例_javascript技巧_

[ ] 已经帮助:人解决问题

复制代码 代码如下:

 <!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>

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助