码迷,mamicode.com
首页 > Web开发 > 详细

用js代码控制打印网页

时间:2015-02-09 18:38:39      阅读:178      评论:0      收藏:0      [点我收藏+]

标签:打印   网页   js   表单   jquery插件   完整性   

    有关网页打印,可以使用的方法有:“1.点击鼠标右键,选择打印预览,执行打印;2.按键盘上的[print sc sysrq]按钮”;还有打印当前网页的方法就是,用相关代码来实现,这里用到的是js;其实用js打印网页很简单,最为重要的就是print()这个函数。

    但是简单也不要掉以轻心,不同地方用到,处理方式也需要注意,不然也会得到一些自己不想的结果。

    1.打印整个网页的内容:

    window.print();

    2.打印指定id/class的网页内容:

    <script>

        function printdiv(printpage)
        {
            var headstr = "<html><head><title></title></head><body>";
            var footstr = "</body>";
            var newstr = document.all.item(printpage).innerHTML;
            var oldstr = document.body.innerHTML;
            document.body.innerHTML = headstr+newstr+footstr;
            window.print();
            document.body.innerHTML = oldstr;
            return false;
        }
    </script>

    ●  以上方法在本页面有表单时,可能会对数据完整性造成影响,换成下面的方法代替可解决这个问题:

    var divToPrint = document.getElementById("myMreview");
    newWin = window.open();
    newWin.document.write(divToPrint.innerHTML);
    newWin.document.close();
    newWin.focus();
    newWin.print();
    newWin.close();
    >> 原因是因为,前者是在本页面内容替换,相关的数据可能被替换掉了,再来找就找不到了;后者是在新的页面进行打印操作,不影响前一个页面数据。

    3.可以使用jquery插件:

    PrintArea

    jqprint

    Fingerprint

    printpage

    Lodop

    等等...


本文出自 “Shows technology” 博客,请务必保留此出处http://wangzhijun.blog.51cto.com/9660708/1613078

用js代码控制打印网页

标签:打印   网页   js   表单   jquery插件   完整性   

原文地址:http://wangzhijun.blog.51cto.com/9660708/1613078

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!