JS를 조작하는 방법과 window 객체의 print 메소드를 사용하여 페이징 인쇄를 구현하는 방법-JS 튜토리얼-php.cn

JS를 조작하는 방법과 window 객체의 print 메소드를 사용하여 페이징 인쇄를 구현하는 방법

php中世界最好的语言

풀어 주다： 2018-05-29 11:14:13

원래의

2291명이 탐색했습니다.

이번에는 윈도우 객체 내에서 인쇄 메소드를 사용하여 JS를 작동하여 페이징 인쇄를 구현하는 방법을 보여 드리겠습니다. 페이징 인쇄를 구현하기 위해 윈도우 객체 내에서 인쇄 메소드를 사용하여 JS를 작동할 때 주의 사항은 무엇입니까? 실제 사례를 살펴보겠습니다.

1. 하지만 인터넷에는

페이지 매김 기능을 지원하지 않는 경우가 많습니다. 마지막으로 페이지 나누기:항상 CSS 스타일을 통해 페이징 문제를 해결했습니다. 필요하신 분은 웹페이지에 직접 복사해서 사용하셔도 됩니다. 전재시 출처를 꼭 밝혀주세요. 감사합니다!

<!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>

로그인 후 복사

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!