So verwenden Sie JS zum Implementieren des Paging-Drucks-js-Tutorial-php.cn

So verwenden Sie JS zum Implementieren des Paging-Drucks

php中世界最好的语言

Freigeben： 2018-05-29 10:40:00

Original

3002 Leute haben es durchsucht

Dieses Mal zeige ich Ihnen, wie Sie JS zum Implementieren des Paging-Drucks verwenden. Was sind die Vorsichtsmaßnahmen für die Verwendung von JS zum Implementieren des Paging-Drucks?

Wenn Sie window.print() aufrufen, kann der Druckeffekt erzielt werden. Wenn jedoch zu viel Inhalt vorhanden ist, ist ein Seitendruck erforderlich.

Es gibt mehrere Druckstile, die in den CSS-Eigenschaften

page-break-before und page-break-after festgelegt sind. Diese beiden Eigenschaften werden zur Steuerung verwendet Wie die Datei gedruckt wird.

Jedes Druckattribut kann auf 4 Einstellungswerte eingestellt werden: automatisch, immer, links und rechts. Unter diesen ist „Auto“ der Standardwert, der nur bei Bedarf festgelegt werden muss.

Wenn „Seitenumbruch vor“ auf „Immer“ eingestellt ist, startet der Drucker eine neue Druckseite, wenn er auf eine bestimmte Komponente trifft.

Wenn page-break-before auf links eingestellt ist, werden Seitenumbruchsymbole eingefügt, bis die angegebene Komponente auf einer linken leeren Seite erscheint.

Wenn page-break-before auf rechts eingestellt ist, werden Seitenumbruchsymbole eingefügt, bis die angegebene Komponente auf einer leeren Seite rechts erscheint.

Das Attribut „page-break-after“ fügt das Seitenumbruchsymbol nach der angegebenen Komponente ein, nicht davor.

Sie können die Einstellung dieser Eigenschaften im folgenden Programm sehen:

<HTML>
　　<HEAD>
　　　　<TITLE>Listing 14-4</TITLE>
　　</HEAD>
　　<BODY>
　　　　<p>This is the first p.</p>
　　　　<p STYLE="page-break-before:always">This is the second p.</p>
　　　　<p STYLE="page-break-after:always">This is the third p.</p>
　　　　<p>This is the fourth p.</p>
　　　　<p STYLE="page-break-before:right">This is the fifth p.</p>
　　　　<p STYLE="page-break-after:right">This is the sixth p.</p>
　　　　<p>This is the last p.</p>
　　</BODY>
</HTML>

Nach dem Login kopieren

值	描述
auto	默认值。如果必要则在元素前插入分页符
always	在元素前插入分页符
avoid	避免在元素前插入分页符
left	在元素之前足够的分页符，一直到一张空白的左页为止
right	在元素之前足够的分页符，一直到一张空白的右页为止
inherit	规定应该从父元素继承 page-break-before 属性的设置

Im Dom-Objekt das pageBreakBefore-Attribut

Syntax:

Object.style.pageBreakBefore=auto|always|avoid|left|right

<html>
　　<head>
　　　　<script type="text/javascript">
　　　　　　function setPageBreak()
　　　　　　{
　　　　　　　　document.getElementById("p2").style.pageBreakBefore="always";
　　　　　　}
　　　　</script>
　　</head>
　　<body>
　　　　<p>This is a test paragraph.</p>
　　　　<input type="button" onclick="setPageBreak()" value="Set page-break" />
　　　　<p id="p2">This is also a test paragraph.</p>
　　</body>
</html>

Nach dem Login kopieren

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln zum Thema PHP Chinesische Website!

Empfohlene Lektüre:

Wie man mit einem Mac-Installations-Sparsamkeitsfehler aufgrund von Bison umgeht

Wie man Taobao cnpm richtig handhabt Nach der Installation von cnpm gibt es keine internen oder externen Befehle

Das obige ist der detaillierte Inhalt vonSo verwenden Sie JS zum Implementieren des Paging-Drucks. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!