0

Javaスクリプトでページを印刷しようとしています。コードは次のようになります。

<script type="text/javascript">
        function PrintContent(){
            var DocumentContainer = document.getElementById("divtoprint");
            var WindowObject = window.open("", "PrintWindow","width=1200,height=650,top=50,left=50,toolbars=no,scrollbars=yes,status=no,resizable=yes");
            WindowObject.document.writeln(DocumentContainer.innerHTML);
            WindowObject.document.close();
            WindowObject.focus();
            WindowObject.print();
            WindowObject.close();
        }
    </script>

次に、その関数を呼び出し、<a onclick="PrintContent();" style="cursor:pointer;"><img src="images/printer.png" alt="Print" title="printer"/></a> 印刷したい内容も<div id="divtoprint"> </div>.

しかし、この場合、CSS スタイルなしで印刷ページを取得しています。css を印刷ページに統合するにはどうすればよいですか? 私を助けてください。

4

4 に答える 4

2

linkCSS の (または何でも) を見つけて、mediaを含む属性があることを確認しますprint。

于 2012-05-08T05:50:13.913 に答える
2

試す：

<script type="text/javascript">
    function PrintContent(){
    var DocumentContainer = document.getElementById("divtoprint");
    var WindowObject = window.open("", "PrintWindow","width=1200,height=650,top=50,left=50,toolbars=no,scrollbars=yes,status=no,resizable=yes");
    WindowObject.document.write('<html><head><title>Printwindow</title>');
    WindowObject.document.write('<link rel="stylesheet" href="style.css">');
    WindowObject.document.write('</head><body>');
    WindowObject.document.writeln(DocumentContainer.innerHTML);
    WindowObject.document.write('</body></html>');
    WindowObject.document.close();
    WindowObject.focus();
    WindowObject.print();
    WindowObject.close();
    }
</script>
于 2012-05-08T05:57:44.410 に答える
0

すべてのメディアで機能するように CSS タグを変更してみましたか?

<link rel="stylesheet" href="style.css" media="all" type="text/css" />

または、より具体的にしたい場合

<link rel="stylesheet" href="style.css" media="screen, print" type="text/css" />
于 2012-05-11T23:43:10.503 に答える