0

私は を持ってdivいid target_wrapperます。

<div id="target_warpper">
      <div id="target">
      ///Some content here
      </div> 
</div>

また、ページを印刷するための対応する JavaScript 関数は次のとおりです。

<div class="print_list">
                        <a href="javascript:PrintContent()">Print</a>
                    </div>

                    <script type="text/javascript">
                    function PrintContent() 
                    {


                        var DocumentContainer = document.getElementById('target_warpper');
                        var WindowObject = window.open('', 'PrintWindow', 'width=750,height=650,top=50,left=50,toolbars=no,scrollbars=yes,status=no,resizable=yes');


                        WindowObject.document.writeln('<!DOCTYPE html>');
                        WindowObject.document.writeln('<html><head><title></title>');
                        WindowObject.document.writeln('<link rel="stylesheet" type="text/css" href="css/print.css">');
                        WindowObject.document.writeln('</head><body>')

                        WindowObject.document.writeln(DocumentContainer.innerHTML);

                        WindowObject.document.writeln('</body></html>');

                        WindowObject.document.close();
                        WindowObject.focus();
                        WindowObject.print();
                        WindowObject.close();
                    }
                    </script>

しかし、リンクをクリックすると、表示されるページに I have included が含まれてPrintいません。css css/print/css

注意: 印刷ポップアップ ウィンドウのビュー ページ ソースをクリックすると、空白が表示されます。

4

1 に答える 1