Heim Web-Frontend js-Tutorial JS implementiert teilweise Auswahldruck- und teilweise Nichtauswahldruck-Javascript-Fähigkeiten

JS implementiert teilweise Auswahldruck- und teilweise Nichtauswahldruck-Javascript-Fähigkeiten

May 16, 2016 pm 04:53 PM

Wählen Sie den Inhalt, der auf einer Seite gedruckt werden soll, entsprechend den Anforderungen des Projekts aus.

Wickeln Sie das Objekt, das Sie drucken möchten, in eine DIV-Ebene. Zum Beispiel:

Code kopieren Der Code lautet wie folgt:

<!-- Benachrichtigung der Übertragung von Petitionsangelegenheiten SingleStart --> <div style="width: 600px; margin:0 auto;"> (Mitteilungsnummer: ${zjxfItemUser.claimedNo })</div> /span></div> ;
${zjxfItemUser.userName }: (Name des Antragstellers)<br/> , diese Agentur (oder Einheit) Die von Ihnen (oder Ihnen) eingereichte Petition ${zjxfItemUser.subject} wurde in Übereinstimmung mit dem Gesetz angenommen.
Die Petitionsangelegenheit fällt in den Zuständigkeitsbereich von XXX der „Petitionsordnung“ hat diese Agentur bereits Die relevanten Materialien werden am XX zur Bearbeitung an XXX weitergeleitet, bitte kontaktieren Sie ihn rechtzeitig. <br/>
Hiermit informieren wir Sie. <br /> ;/ div&gt
<div style="margin-top:90px;margin-right: -190px;float: right;"><span id="itemVrbjEndTime"></span>< /div>
</div>
<!-- Mitteilung über die Übertragung von Briefen und Besuchen --> in der Mitte erforderlich, auch in einer DIV-Ebene enthalten. Nutzen Sie CSS-Stile. Verweisen Sie einfach auf class="noprint" in der Ebene, die nicht gedruckt werden muss




Kopieren Sie den Code


Der Code lautet wie folgt:

<style type="text/css" media="print">
.noprint{visibility: none;}
Code kopieren


Der Code lautet wie folgt:

$(function(){

$("#print").click(function(){
var html = window.document.body.innerHTML; exportCSS("itemVrbjForm",html); }); //Stile in ausgewählten Druck importieren
function exportCSS(formName,htmlInfo){
var CSS = "<link href="" baseURL "/zjxf /common /css/common.css" type="text/css" rel="stylesheet" /> "
"<link href="" baseURL "/zjxf/common/css/table.css" Typ =" text/css" rel="stylesheet" /> "
"<link href="" baseURL "/zjxf/common/css/form.css" type="text/css" rel="stylesheet " / >"
"<link href="" baseURL "/zjxf/common/css/tab.css" type="text/css" rel="stylesheet" />"&lt ;link href="" baseURL "/zjxf/common/css/print.css" type="text/css" rel="stylesheet" />" ;
$(CSS).appendTo("#" formName );
window.document.body.innerHTML = $("#" formName).html(); }

});


Auf diese Weise kann sowohl ein teilweiser Auswahldruck als auch ein teilweiser Nichtauswahldruck erreicht werden
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Ersetzen Sie Stringzeichen in JavaScript Ersetzen Sie Stringzeichen in JavaScript Mar 11, 2025 am 12:07 AM

Ersetzen Sie Stringzeichen in JavaScript

Benutzerdefinierte Google -Search -API -Setup -Tutorial Benutzerdefinierte Google -Search -API -Setup -Tutorial Mar 04, 2025 am 01:06 AM

Benutzerdefinierte Google -Search -API -Setup -Tutorial

Beispielfarben JSON -Datei Beispielfarben JSON -Datei Mar 03, 2025 am 12:35 AM

Beispielfarben JSON -Datei

10 JQuery Syntax Highlighters 10 JQuery Syntax Highlighters Mar 02, 2025 am 12:32 AM

10 JQuery Syntax Highlighters

8 atemberaubende JQuery -Seiten -Layout -Plugins 8 atemberaubende JQuery -Seiten -Layout -Plugins Mar 06, 2025 am 12:48 AM

8 atemberaubende JQuery -Seiten -Layout -Plugins

Erstellen Sie Ihre eigenen AJAX -Webanwendungen Erstellen Sie Ihre eigenen AJAX -Webanwendungen Mar 09, 2025 am 12:11 AM

Erstellen Sie Ihre eigenen AJAX -Webanwendungen

Was ist ' this ' in JavaScript? Was ist ' this ' in JavaScript? Mar 04, 2025 am 01:15 AM

Was ist ' this ' in JavaScript?

10 JavaScript & JQuery MVC -Tutorials 10 JavaScript & JQuery MVC -Tutorials Mar 02, 2025 am 01:16 AM

10 JavaScript & JQuery MVC -Tutorials

See all articles