웹 브라우저 인쇄 미리 보기
7633 단어 browser
<script type="text/javascript">
//
function PrintGrid(ElementId, PageTitle) {
var ReportContent = "";
var PrintWindow = window.open("", "mywindow", "menubar=1,status=1,scrollbars=1,width=800,height=500");
ReportContent += "<html>";
ReportContent += "<head>";
ReportContent += "<title>";
ReportContent += PageTitle;
ReportContent += "</title>";
ReportContent += "<style type='text/css'>";
ReportContent += "<link rel='stylesheet' type='text/css' href='http://www.cnblogs.com/Content/css/right.css'/>";
ReportContent += "body { font-family: Arial 12px; margin: 0px; width: 100%; }";
ReportContent += ".print-header { width: 100%; border: solid 1px Black; text-align:center; vertical-align: middle; margin: 5px 0px 5px 0px; line-height: normal; font-size:14px; background-color: #cbcbcb; }";
ReportContent += ".tablestyle { font-family: Arial; font-size: small; border: solid 1px #8C8C8C; font-size: 12px;}";
ReportContent += ".headerstyle th { border-color: #ABABAB; border-style: solid solid solid none; border-width: 1px 1px 1px medium; text-align:left; font-weight: normal; vertical-align: bottom; background-color: #ececec; padding: 2px 0px 0px 4px; font-family: Arial; font-size: 12px; vertical-align: top;}";
ReportContent += ".rowstyle td { border-color: #ABABAB; border-style: solid solid solid none; border-width: 1px 1px 1px medium; text-align:left; padding: 2px 0px 0px 4px; font-family: Arial; font-size: 12px; vertical-align: top; }";
ReportContent += ".altrowstyle td { border-color: #ABABAB; border-style: solid solid solid none; border-width: 1px 1px 1px medium; text-align:left; padding: 2px 0px 0px 4px; font-family: Arial; font-size: 12px; vertical-align: top; }";
ReportContent += ".PrintVisibleCol { display: block; }";
ReportContent += ".PrintInvisibleCol { display: none; }";
// Added H1 and H2 for printing the checklist data item grading page.
ReportContent += "H1 { text-align:left; font-size: 14px; font-weight:normal; font-weight: bold;}";
ReportContent += "H2 { text-align:left; font-size: 14px; font-weight:normal; font-weight: bold;}";
ReportContent += "</style>";
ReportContent += "</head>";
ReportContent += "<body onload='window.print();'>";
//ReportContent += "<body>";
ReportContent += "<div style='text-align: left; margin: 5px 0px 2px 2px;'><img src='/images/logo.gif' border='0'></div>";
ReportContent += "<table cellspacing='0' cellpadding='0' width='100%' class='print-header'>";
ReportContent += "<tr>";
ReportContent += "<td style='padding: 5px 0px 5px 0px;' align='center'>" + PageTitle.toUpperCase() + "</td>";
ReportContent += "</tr>";
ReportContent += "</table>";
ReportContent += " <table cellspacing='0' cellpadding='0' width='100%' class='print-grid-content'>";
ReportContent += "<tr>";
ReportContent += "<td valign='top'>";
if (document.getElementById(ElementId) != null) {
var eles = $("#" + ElementId).find("input:checked");
if (eles.length > 0) {
eles.each(function () {
ReportContent += "<tr align='center'>" + $(this).closest("tr").html() + "</tr>";
});
}
else {
ReportContent += $("#" + ElementId).html();
}
}
ReportContent += "</td>";
ReportContent += "</tr>";
ReportContent += "</table> ";
var dteNow = new Date();
ReportContent += "<div style='padding: 10px 0px 10px 2px; font-family: Arial; font-size: 9px; text-align: center;'>Copyright © " + dteNow.getFullYear() + " Inc. All rights reserved.</div>";
ReportContent += "</body>";
ReportContent += "</html>";
PrintWindow.document.write(ReportContent);
PrintWindow.print();
PrintWindow.document.close();
return false;
//PrintWindow.focus();
};
</script>
주: 이상은 간단한 예로 사용할 때 구체적인 수요에 따라 양식을 조정합니다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
웹 브라우저의 localStorage에서 데이터를 관리하는 방법은 무엇입니까? JavaScript, React JS로 설명하십시오.localStorage는 JavaScript 사이트 및 앱이 만료 날짜 없이 웹 브라우저에 키-값 쌍을 저장할 수 있도록 하는 속성입니다. LocalStorage 데이터는 localStorage에서 데이터를 삭제할 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.