1. وصف البرنامج
1) يمكن لهذا البرنامج تحديد منطقة على الصفحة للطباعة والطباعة في وضع iframe؛
2) الفرق عن print() الأصلي هو أنه يمكن الاحتفاظ بمحتوى الصفحة التي يتم الوصول إليها حاليًا بالكامل بعد إلغاء صفحة الطباعة.
2. جزء الكود
1) وظيفة شبيبة:
انسخ رمز الكود كما يلي:
الوظيفة do_print(id_str)//id-str تطبع معرف المنطقة
{
var el = document.getElementById(id_str);
var iframe = document.createElement('IFRAME');
vardoc = null;
iframe.setAttribute('style', 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;');
document.body.appendChild(iframe);
doc = iframe.contentWindow.document;
// قدم نمط CSS الخاص للطباعة، وسيقوم www.111Cn.net بتعديله وفقًا للوضع الفعلي
doc.write("<LINK rel="stylesheet" type="text/css" href="css/print.css">");
doc.write('<div>' + el.innerHTML + '</div>');
doc.Close();
iframe.contentWindow.focus();
iframe.contentWindow.print();
إذا (navigator.userAgent.indexOf("MSIE") > 0)
{
document.body.removeChild(iframe);
}
}
2) HTML:
انسخ رمز الكود كما يلي:
// منطقة الطباعة:
<div معرف = "print_box">
...
</div>
// طباعة المكالمة
<button onclick="javascript:do_print('print_box');">طباعة</button>
3. الاختبار
انقر فوق زر الطباعة الموجود على الصفحة لاختبار الطباعة؛
بالإضافة إلى الطرق المذكورة أعلاه، يمكننا أيضًا استخدام jquery لإنشاء مثيل، ويكون الكود كما يلي
انسخ رمز الكود كما يلي:
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery.PrintArea.js"></script>
<النص البرمجي>
$(مستند).جاهز(وظيفة(){
$("input#biuuu_button").انقر(function(){
$("div#myPrintArea").printArea();
});
});
</script>
<input id="biuuu_button" type="button" value="Print"></input>
<div id="myPrintArea">.....جزء طباعة النص.....</div>
إذا أردنا تحقيق طباعة المنطقة فيمكننا تجربة الطريقة التالية
تشارك المقالة التالية طريقة بسيطة للغاية لتحقيق وظيفة الطباعة للصفحة، ولا يمكنها طباعة الصفحة بأكملها فحسب، بل يمكنها أيضًا طباعة منطقة معينة من الصفحة.
انسخ رمز الكود كما يلي:
<أتش تي أم أل>
<الرأس>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<لغة سكريبت = "جافا سكريبت">
وظيفة برينتديف (صفحة الطباعة) {
var headstr="<html><head><title></title></head><body>";
فار فوتستر = "</body>"؛
var newstr=document.all.item(printpage).innerHTML;
var oldstr=document.body.innerHTML;
document.body.innerHTML=headstr+newstr+footstr;
window.print();
document.body.innerHTML=oldstr;
عودة كاذبة.
}
</script>
<title>طباعة div</title>
</الرأس>
<الجسم>
<نوع الإدخال = "زر" onClick = "printdiv ('div_print')؛" القيمة = "طباعة">
<div معرف = "div_print">
<h1 style="Color:Red">منطقة الطباعة: www.VeVB.COm</h1>
</div>
لا يمكن طباعة هذه المنطقة!
</الجسم>
</html>