javascript 打印

09 Jun 2011 in Web前端 on javascript web 前端 - Hits()

javascript 打印
使用iframe,写入类容，window.print打印,这个很简便。[测试sfari,firefox,ie,chrome都支持，opera不支持]
<html>
    <head>
        <style >
body {
    background-color: blue;
    background-color: red \9;
}
</style>
    <script type="text/javascript">
        function pt(){
            var ifa=document.getElementById('ifa');
            var doc=ifa.contentWindow.document;
            doc.write('ssssss');
            doc.close();
            ifa.contentWindow.print();
        }
    </script>
    </head>
    <body>blabla
    <a onclick="pt();" href="#">print</a>
    <iframe id="ifa" ></iframe>
    </body>
</html>
但是要注意iframe的内容应该本页同域，否则有权限限制。

ie有问题,iframe打印不是iframe那个页面的内容而是iframe所在页面的内容。

解决办法，针对ie使用document.execCommand('print');即可