>  기사  >  웹 프론트엔드  >  JS를 조작하는 방법과 window 객체의 print 메소드를 사용하여 페이징 인쇄를 구현하는 방법

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

php中世界最好的语言
php中世界最好的语言원래의
2018-05-29 11:14:132244검색

이번에는 윈도우 객체 내에서 인쇄 메소드를 사용하여 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 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

Mac에서 최신 버전의 nodejs를 업데이트하는 방법

JS를 사용하여 페이징 인쇄를 구현하는 방법

위 내용은 JS를 조작하는 방법과 window 객체의 print 메소드를 사용하여 페이징 인쇄를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.