js 打印DIV内容 print div 兼容IE FF Google等主流浏览器

最新推荐文章于 2023-08-10 22:31:07 发布

Wesley________

最新推荐文章于 2023-08-10 22:31:07 发布

阅读量2.8k

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/wesley________/article/details/20055537

版权

JS 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

1.js中打印指定区域内容兼容IE FF Google等主流浏览器

<script type="text/javascript">
function wesPrint(id_s)
  {
    var cc = document.getElementById(id_s).innerHTML;
    var isIe=0;
    if(navigator.userAgent.indexOf('MSIE')>0){
      isIe = 1;
    }
    var frame = document.getElementById('dsh_myframe');
    if (!frame) {
      if (isIe) {
        frame = document.createElement('<iframe id = "dsh_myframe"></iframe>');
      } else {
        frame = document.createElement('iframe');
        frame.id ='dsh_myframe';
        frame.setAttribute('style','width: 0pt; height: 0pt;')
      }
    }
    if (isIe) {
      frame.src = 'javascript:;';
      frame.style.cssText= 'width: 0pt; height: 0pt;';
    }
    document.body.appendChild(frame);
    if (isIe) {
      doc = frame.contentWindow.document;
    } else {
      doc = frame.contentDocument;
    }
    doc.write(cc);
    doc.close();
    frame.contentWindow.focus();
    if(isIe){
      setTimeout(function(){
        frame.contentWindow.print();
      },2);
    }else{
      frame.contentWindow.print();
    }
  }
</script>

<div id="div1">Print  area.....Test</div>
<button onlick="wesPrint('div1');">Print Div</button>