深圳全飞鸿

标题: javascript打印、js打印 [打印本页]

作者: zhgc 时间: 2022-7-5 08:31
标题: javascript打印、js打印

hello syant!
<div id="wrapper">

<div style="margin: 0 auto; background-color: #fff; box-shadow: 0 0 10px #0f0; border-radius: 8px; border-collapse:collapse; padding: 12px; margin-top:4px; margin-left:4px; margin-right: 4px">
<table><tr><td><img src='test1c709674e250a19f6b7fbaec6f424bc3.png' /></td><td>hi-syant!<bR><b>www.nagomes.com</td></tr></table>
</div>
</div>

<script>
function doPrint(){
      var head_str = "<html><head><title></title></head><body>"; //先生成头部
      var foot_str = "</body></html>"; //生成尾部
      var older = document.body.innerHTML;
      var new_str = document.getElementById('wrapper').innerHTML; //获取指定打印区域
      var old_str = document.body.innerHTML; //获得原本页面的代码
      document.body.innerHTML = head_str + new_str + foot_str; //构建新网页
      window.print(); //打印刚才新建的网页
      document.body.innerHTML = older; //将网页还原
      return false;
};
</script>
<input type='button' value='打印' onclick='javascript:window.print();'/>
<input type='button' value='打印2' onclick='javascript:doPrint();'/>

欢迎光临深圳全飞鸿 (http://www.nagomes.com/disc/)