JS -Druckkombinationsfunktion

Autor：Eve Cole Aktualisierungszeit：2025-08-01 03:32:01

Dieser Artikel teilt die JS -Druckkombinationsfunktion für alle mit, was für Ihre Referenz umfassend ist. Der spezifische Inhalt ist wie folgt

1. Lokaler Druck - Drucken Sie dort, wo immer Sie möchten

Lösung:

Verstecken Sie die Orte, die Sie nicht drucken möchten

.noprint {display: keine}

Verwenden Sie es beim Paging

.Pagenext {Page-Break-After: Immer;}

Fügen Sie dann hinzu: zu den Seitenelementen, die Sie nicht drucken möchten, und es wird nicht in der Print- und Druckenvorschau angezeigt.

Fügen Sie die Seite hinzu, auf der Sie: <Div> </div> möchten.

</style>

Kontrolle, wo Sie nicht drucken möchten

<p> Kein Druck erforderlich </p>

2. Referenzkonstruktion

Webbrowser ist eine integrierte Browser-Steuerung im IE, und es ist kein Benutzer-Download erforderlich.

Webbrowser -Steuerung

In Bezug auf die Verwendung dieser Komponente sind Folgendes aufgeführt:

Webbrowser.execwb (1,1) offen

Web.execwb (2,1) Schließen Sie jetzt alle Fenster und öffnen Sie ein neues Fenster

Web.execwb (4,1) Speichern Sie die Webseite

Web.execwb (6,1) Druck

Web.execwb (7,1) Druckvorschau

Web.execwb (8,1) Druckseiteneinstellungen

Web.execwb (10,1) Seiteneigenschaften anzeigen

Web.execwb (15,1) scheint storniert zu werden, und es ist zu bestätigen

Web.execwb (17,1) Wählen Sie alle aus

Web.execwb (22,1) Aktualisierung

Web.execwb (45,1) Schließen Sie die Form lautlos

3. Beispiel

 <Head> <script langual = "javaScript"> <style type = "text/css" media = print> .noprint {display: keine} </style> function printSetUp () {// Seiteneinstellungen wb.execwb (8,1); } function printpreview () {// Seite Druckvorschau wb.execwb (7,1); } function printit () {if (bestätigen ('sind sicher, dass du druckt?') {wb.execwb (6,6)}} </script> </head> <body> <p> <Object classId = "clSID: 8856f961-340a-11d0-A96b-00C04fd705a2" id "wb" wb "wb" wb "wb" wb "wb- <input type = "button" name = "button_print" value = "print" onclick = "javaScript: printit ()" /> <Eingabe type = "button" name = "button_setup" value = "print Side Einstellungen" Onclick = "JavaScript: printSetUp ();" /> <Eingabe type = "button" name = "button_show" value = "print vorschau" onclick = "javaScript: printPreview ();" /> </p> </body>

3.js implementiert einfachen Seite Lokaler Druck

 Funktion preview (oper) {if (oper <10) {bdhtml = window.document prnhtml = bdhtml.substring (bdhtml.indexof (Sprnstr) +18); // Die HTML vom Startcode aus dem Startcode PRNHTML = prnhtml.substring (0, prnhtml.indexof (ePrnstr)) abrufen; // Die HTML vom Endcode -Vorwärtsfenster.Document.Body.InnerHtml = Prnhtml abrufen; window.print (); window.document.body.innerhtml = bdhtml;} else {window.print (); }}

Es ist sehr einfach, den Inhalt hinzuzufügen, um auf der Seite zur Mitte zu drucken <!-startprint1-> xxxx <!-endprint1->

Fügen Sie eine weitere Druckschaltfläche hinzu. Onclick = Vorschau (1)

4. Kontrollieren Sie die Ränder von "vertikaler Hit", horizontaler Hit "und" Seiten.

(1) <Script Defer>

 FunktionsetPrintSetting () {// - Advanced Features Factory.printing.SetMarginMeasure (2) // Margen in Inches Factory.setPagerange (False, 1, 3) // benötigen Seiten von 1 bis 3 factory.printing.printer.printer.printer = "HP DeskJet 870c" Factory.printing.printing "A4" factory.printing.paperSource = "Manual feed" // -- basic features factory.printing.header = "This is MeadCo" factory.printing.footer = "Advanced Printing by ScriptX" factory.printing.portrait = false factory.printing.leftMargin = 1.0 factory.printing.topMargin = 1.0 factory.printing.rightMargin = 1.0 factory.printing.bottommargin = 1.0} </script> Funktion Vorschau (Oper) {if (oper <10) {bdhtml = window.document ePrnstr = "<!-Endprint"+Oper+"->"; // Setzen Sie die Print-Endfläche prnhtml = bdhtml.substring (bdhtml.indexof (Sprnstr) +18); // Holen Sie sich das html prnhtml = prnhtml.substring (0, prnhtml.indexof (ePrnstr)); // das html -Fenster.Document.Body.innerhtml = PRNHTML; window.print (); window.document.body.innerhtml = bdhtml;} else {window.print (); }}

Es ist sehr einfach, den Inhalt hinzuzufügen, um auf der Seite zur Mitte zu drucken <!-startprint1-> xxxx <!-endprint1->

Fügen Sie eine weitere Druckschaltfläche hinzu. Onclick = Vorschau (1)

Weitere Informationen zur JS -Druckfunktion finden Sie auf "JS -Druckfunktion Zusammenfassung", um zu lernen

Das obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es wird für das Lernen aller hilfreich sein und ich hoffe, jeder wird Wulin.com mehr unterstützen.