1

HTML コードを使用して、div に存在するコンテンツを印刷しています。ブラウザーのボタンをクリックすると、このコンテンツが印刷されます。ここでは、ダイアログ ボックスを印刷する前にプリンターを選択しているように見えますが、直接印刷したいシステムに接続されているデフォルトのプリンターを使用します。

psブラウザボタンはテストにのみ使用されるため、ブラウザに関するものではありませんが、実際にはdivの内容を直接印刷するだけです。

私が使用しているコード:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</title>

    <script language="javascript" type="text/javascript">

        function printDiv(divID) {0.
            //Get the HTML of div
            var divElements = document.getElementById(divID).innerHTML;
            //Get the HTML of whole page
            var oldPage = document.body.innerHTML;

            //Reset the page's HTML with div's HTML only
            document.body.innerHTML = 
              "<html><head><title></title></head><body>" + 
              divElements + "</body>";

            //Print Page
            window.print(false);

            //Restore orignal HTML
            document.body.innerHTML = oldPage;


        }
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div id="printablediv" style="width: 100%; background-color: Blue; height: 200px">
        ay klam
    </div>
    <input type="button" value="Print 1st Div" onclick="javascript:printDiv('printablediv')" />
    </form>
</body>
</html>
4

0 に答える 0