Heim > Artikel > Web-Frontend > So bedienen Sie JS und verwenden die Druckmethode im Fensterobjekt, um den Seitendruck zu implementieren

So bedienen Sie JS und verwenden die Druckmethode im Fensterobjekt, um den Seitendruck zu implementieren

php中世界最好的语言Original: 2018-05-29 11:14:132237Durchsuche

Dieses Mal zeige ich Ihnen, wie Sie JS bedienen und die Druckmethode im Fensterobjekt verwenden, um den Seitendruck zu realisieren. Was sind die Vorsichtsmaßnahmen zur Bedienung und Verwendung von JS? Das Folgende ist ein praktischer Fall, schauen wir uns die Druckmethode im Fensterobjekt an.

1. Viele Fälle im Internet unterstützen jedoch nicht die Paging-Funktion. Schließlich wird das Paging-Problem durch den folgenden Code gelöst ist rein von mir selbst geschrieben. Sie können es zur Verwendung direkt auf die Webseite kopieren. Bitte geben Sie beim Nachdruck die Quelle an.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>无标题文档</title> 
<script language="javascript"> 
//打印代码 
 function Print()  
 {  
  var printStr = "<html><head><meta http-equiv=&#39;Content-Type&#39; content=&#39;text/html; charset=utf-8&#39;></head><body >"; 
  var content = ""; 
  var str = document.getElementById('page1').innerHTML;  //获取需要打印的页面元素 ，page1元素设置样式page-break-after:always，意思是从下一行开始分割。 
  content = content + str; 
  str = document.getElementById('page2').innerHTML;  //获取需要打印的页面元素 
  content = content + str; 
  printStr = printStr+content+"</body></html>";            
  var pwin=window.open("Print.htm","print"); //如果是本地测试，需要先新建Print.htm，如果是在域中使用，则不需要 
  pwin.document.write(printStr); 
  pwin.document.close();     //这句很重要，没有就无法实现 
  pwin.print();  
 } 
</script> 
</head> 
<body > 
<p><input type="button" value="打印" onclick="Print()" /></p> 
<p id="page1"> 
  <table width="100%" border="0" cellpadding="0" cellspacing="0" style="page-break-after:always" > 
  <tr><td>第一页打印内容</td></tr> 
  </table> 
</p> 
<p id="page2"> 
  <table width="100%" border="0" cellpadding="0" cellspacing="0" id="content" > 
  <tr><td>第二页打印内容</td></tr> 
  </table> 
</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 auf der chinesischen PHP-Website!

Empfohlene Lektüre:

So aktualisieren Sie die neueste Version von NodeJS auf dem Mac

So verwenden Sie JS zur Implementierung von Paging Drucken

Das obige ist der detaillierte Inhalt vonSo bedienen Sie JS und verwenden die Druckmethode im Fensterobjekt, um den Seitendruck zu implementieren. 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 verwenden Sie vue-cli zum Importieren von Element-UI-KomponentenNächster Artikel：So verwenden Sie vue-cli zum Importieren von Element-UI-Komponenten

In Verbindung stehende Artikel

Mehr sehen