suchen

Heim >Web-Frontend >js-Tutorial >So verwenden Sie JS zum Implementieren des Paging-Drucks

So verwenden Sie JS zum Implementieren des Paging-Drucks

php中世界最好的语言
php中世界最好的语言Original
2018-05-29 10:40:003056Durchsuche

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>
值 描述
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>

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!

Stellungnahme：
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
Vorheriger Artikel：So aktualisieren Sie NodeJS auf die neueste Version auf dem MacNächster Artikel：So aktualisieren Sie NodeJS auf die neueste Version auf dem Mac

In Verbindung stehende Artikel

Mehr sehen