찾다
웹 프론트엔드CSS 튜토리얼웹 프린팅의 대안_체험교류

웹 프린팅 대체 방법 wfmazhenhai 블로그에서 선정
키워드 웹 프린팅 대체 방법
출처
B/S 방식으로 신청을 하신 분들이라면 누구나 이런 문제에 봉착하실 수 있을 것이라 생각합니다. 보고서 인쇄. 브라우저의 인쇄 메뉴를 이용하여 인쇄할 경우, 애플리케이션 메뉴 등 웹 페이지의 일부 불필요한 내용이 보고서에 인쇄됩니다. 웹 페이지를 인쇄하기 위해 인쇄 메뉴를 선택하면 웹 페이지의 모든 내용이 인쇄되기 때문입니다. 응용 프로그램에 프레임이 있는 경우 인쇄된 내용에는 각 프레임의 내용이 포함되며 실제로 원하는 내용은 그 일부일 뿐입니다. 따라서 많은 응용 프로그램은 백그라운드에서만 인쇄 기능을 완료할 수 있습니다. 이런 상황에서 우리는 어떻게 해야 합니까? 실제로 웹페이지 인쇄 기능을 구현하는 방법은 여러 가지가 있습니다.
한 가지 방법은 Crystal Reports와 같은 전문 인쇄 도구를 사용하는 것입니다. Visual Studio 5.0을 사용해본 친구들이라면 이 도구를 기억하고 있을 텐데요, 당시 버전은 4.0에 불과했습니다. 최신 버전은 이제 버전 9이며 최신 버전의 Crystal Reports는 웹 인쇄를 지원합니다. 가장 간단한 방법은 먼저 Crystal Reports를 사용하여 템플릿을 만든 다음 ASP를 사용하여 매개 변수와 함께 준비된 템플릿을 호출하는 것입니다. Crystal Reports가 웹 페이지에 보고서를 생성한 후 직접 인쇄하거나 Excel 파일과 같이 비교를 통과한 다른 파일로 전송할 수 있습니다. Crystal Reports를 사용하면 매우 아름다운 스타일을 만들 수 있습니다. 그러나 Crystal Reports의 높은 가격으로 인해 프로젝트의 수익성이 매우 높을 경우에만 감당할 수 있습니다.
두 번째 방법은 타사 온라인 인쇄 컨트롤을 구입하는 것입니다. 비용은 Crystal Reports보다 저렴하지만 효과와 성능이 다릅니다.
세 번째 방법은 스타일시트와 자바스크립트 커스텀 기능을 활용하는 것입니다. 웹 페이지 인쇄는 스타일 시트와 JavaScript를 통해 이루어지며 그 효과는 허용됩니다. 다음은 누구나 살펴볼 수 있는 예입니다. 다음은 인쇄 기능 구현에 대한 자세한 설명입니다.



OK, 모두 준비가 되었습니다. DP 함수를 호출하는 것입니다. 동일한 웹 페이지에서 호출되도록 디자인한 경우 프레임 메소드를 사용하고 호출할 버튼이 다른 페이지에 있으면 직접 호출할 수 있습니다. 웹 페이지를 선택한 다음 DP 함수에서 첫 번째 줄에 window.focus() 명령을 추가하세요. 그렇지 않으면 버튼이 있는 웹 페이지만 인쇄됩니다.
네 번째 방법인 구현은 까다로운 방법입니다. window.print()를 호출해도 마찬가지지만 인쇄하려는 내용이 특별히 웹 페이지로 생성되고 인쇄 버튼이 다른 프레임에 있습니다. 보고서 웹 페이지가 메인프레임에 있고 버튼이 topFrame에 있다고 가정합니다. 버튼은 PrintReports() 함수를 호출하여 인쇄를 수행합니다.
function PrintReports() //topFrame 웹 페이지의 함수
{
시도
//************************ ******* ************************************
// 오류 처리 , 메인프레임의 웹페이지에 DP 기능이 없는 경우 인쇄하지 마세요
//******************************** ***************** ************
{
window.parent.frames("mainFrame").DP() ;
}
catch(e)
{
alert("인쇄할 개체가 없습니다!")
}
}
function DP() // 메인프레임 웹 페이지 function
{
window.focus();
if (window.print)
{
window.print();
}
}
개인적으로는 이것이 가장 편리한 방법입니다.
마지막으로 IE 브라우저의 '파일 - 페이지 설정'에서 '머리글, 페이지 모서리' 설정을 제거하면 효과가 더 좋아집니다. (재게시)

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

Flexbox 또는 그리드 선택은 레이아웃 요구 사항에 따라 다릅니다. 1) Flexbox는 탐색 표시 줄과 같은 1 차원 레이아웃에 적합합니다. 2) 그리드는 매거진 레이아웃과 같은 2 차원 레이아웃에 적합합니다. 두 사람은 프로젝트에 사용하여 레이아웃 효과를 향상시킬 수 있습니다.

CSS 파일 포함 방법 : 방법 및 모범 사례CSS 파일 포함 방법 : 방법 및 모범 사례May 11, 2025 am 12:02 AM

CSS 파일을 포함시키는 가장 좋은 방법은 태그를 사용하여 HTML 부분에 외부 CSS 파일을 소개하는 것입니다. 1. 태그를 사용하여 외부 CSS 파일을 소개합니다. 2. 작은 조정의 경우 인라인 CSS를 사용할 수 있지만주의해서 사용해야합니다. 3. 대규모 프로젝트는 SASS와 같은 CSS 전 처리기를 사용하여 @Import를 통해 다른 CSS 파일을 가져올 수 있습니다. 4. 성능의 경우 CSS 파일을 병합하고 CDN을 사용해야하고 CSSNANO와 같은 도구를 사용하여 압축해야합니다.

Flexbox vs Grid : 둘 다 배워야합니까?Flexbox vs Grid : 둘 다 배워야합니까?May 10, 2025 am 12:01 AM

예, YoushouldLearnbothflexBoxAndgrid.1) FlexBoxisIdealforone-Dimensional, FlexiblelayoutSlikenavigationMenus.2) GridexCelsIntwo-Dimensional, ComplexDesignsSuchasmagazinElayouts.3) 결합 된 BothenSlayoutFlexibility 및 HeartingFortructur

궤도 역학 (또는 CSS 키 프레임 애니메이션을 최적화하는 방법)궤도 역학 (또는 CSS 키 프레임 애니메이션을 최적화하는 방법)May 09, 2025 am 09:57 AM

자신의 코드를 리팩터링하는 것은 어떤 모습입니까? John Rhea는 자신이 쓴 오래된 CSS 애니메이션을 선택하고 최적화하는 사고 과정을 살펴 봅니다.

CSS 애니메이션 : 만들기가 어렵습니까?CSS 애니메이션 : 만들기가 어렵습니까?May 09, 2025 am 12:03 AM

cssanimationsarenherinly에 hardbutreepracticenderstandingofcsspropertiesandtimingflestions.1) startsimpleants withsimpleatslikeScalingabuttononHoverusingKeyframes.2) useAsingfuctionslikecubic-bezierfornateffects, 그러한 분위기, 3)

@keyframes CSS : 가장 많이 사용되는 트릭@keyframes CSS : 가장 많이 사용되는 트릭May 08, 2025 am 12:13 AM

@keyframesispopularduetoitstativerstatility 및 powerincreatingsmoothcssanimations.keytricksinclude : 1) states 사이에 moothtransitionsbettites, 2) 애니메이션 multiplepropertiessimultory, 3) vendorPixesforBrowsercompatibility, 4) 빗질을 사용하여

CSS 카운터 : 자동 번호 매기기에 대한 포괄적 인 안내서CSS 카운터 : 자동 번호 매기기에 대한 포괄적 인 안내서May 07, 2025 pm 03:45 PM

csScounterSearedTomanageAutomaticNumberingInberingInwebDesigns.1) 1) theCanbeusedfortablestoffContents, ListItems 및 CustomNumbering.2) AdvancedUsesInSinestedNumberingsystems.3) CreativeUseNvolvecust를 CreativeSinvolecust.4) CreativeSinvolvecust

스크롤 구동 애니메이션을 사용한 현대 스크롤 그림자스크롤 구동 애니메이션을 사용한 현대 스크롤 그림자May 07, 2025 am 10:34 AM

특히 모바일 장치에 스크롤 그림자를 사용하는 것은 Chris가 이전에 다룬 미묘한 UX입니다. Geoff는 애니메이션 타임 라인 속성을 사용하는 새로운 접근 방식을 다루었습니다. 또 다른 방법이 있습니다.

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

SublimeText3 Linux 새 버전

SublimeText3 Linux 새 버전

SublimeText3 Linux 최신 버전

WebStorm Mac 버전

WebStorm Mac 버전

유용한 JavaScript 개발 도구