บทความนี้แบ่งปันฟังก์ชั่นชุดค่าผสม JS สำหรับทุกคนซึ่งครอบคลุมสำหรับการอ้างอิงของคุณ เนื้อหาเฉพาะมีดังนี้
1. การพิมพ์ท้องถิ่น - พิมพ์ทุกที่ที่คุณต้องการ
สารละลาย:
ซ่อนสถานที่ที่คุณไม่ต้องการพิมพ์
<style type = "text/css" media = print>
.noprint {display: none}
ใช้เมื่อเพจ
.pagenext {หน้า-เบรค-หลังจาก: เสมอ;}
จากนั้นเพิ่ม: ในองค์ประกอบหน้าคุณไม่ต้องการพิมพ์และจะไม่ปรากฏในตัวอย่างการพิมพ์และพิมพ์
เพิ่มหน้าเว็บที่คุณต้องการ: <div> </div>
</style>
การควบคุมตำแหน่งที่คุณไม่ต้องการพิมพ์
<p> ไม่จำเป็นต้องมีการพิมพ์ </p>
2. การก่อสร้างอ้างอิง
WebBrowser เป็นตัวควบคุมเบราว์เซอร์ในตัวใน IE และไม่จำเป็นต้องดาวน์โหลดผู้ใช้
การควบคุม WebBrowser
<object id = 'webbrowser' width = 0 ความสูง = 0 classid = 'clsid: 8856f961-340a-11d0-a96b-00c04fd705a2'> </jobch>
เกี่ยวกับการใช้งานส่วนประกอบนี้มีการระบุไว้ในรายการ:
webBrowser.execwb (1,1) เปิด
web.execwb (2,1) ปิดหน้าต่างทั้งหมดตอนนี้และเปิดหน้าต่างใหม่
web.execwb (4,1) บันทึกหน้าเว็บ
web.execwb (6,1) พิมพ์
web.execwb (7,1) การพิมพ์ตัวอย่าง
web.execwb (8,1) การตั้งค่าหน้าพิมพ์
web.execwb (10,1) คุณสมบัติหน้าดูคุณสมบัติ
ดูเหมือนว่า web.execwb (15,1) จะถูกยกเลิกและจะต้องได้รับการยืนยัน
web.execwb (17,1) เลือกทั้งหมด
web.execwb (22,1) รีเฟรช
web.execwb (45,1) ปิดแบบฟอร์มอย่างเงียบ ๆ
3. ตัวอย่าง
<head> <script language = "javascript"> <style type = "text/css" media = print> .noprint {display: none} </style> function printsetup () {// การตั้งค่าหน้าพิมพ์ wb.execwb (8,1); } function printpreview () {// print page preview wb.execwb (7,1); } function printit () {ถ้า (ยืนยัน ('คุณแน่ใจว่าจะพิมพ์หรือไม่')) {wb.execwb (6,6)}} </script> </head> <body> <p> <object classid = "clsid: 8856f961-340a-11d0-a96b-00b-00 <input type = "button" name = "button_print" value = "print" onclick = "javascript: printit ()" /> <อินพุต type = "ปุ่ม" name = "button_setup" value = "การตั้งค่าหน้าพิมพ์" onclick = "javascript: printsetup ();" /> <อินพุต type = "button" name = "button_show" value = "Print Preview" onclick = "JavaScript: PrintPreview ();" /> </p> </body>3.JS ใช้การพิมพ์หน้าเว็บแบบง่ายๆ
ฟังก์ชั่นพรีวิว (โอเปร่า) {if (oper <10) {bdhtml = window.document.body.innerhtml; // รับรหัส html ของหน้าปัจจุบัน sprnstr = "<!-startprint"+oper+"->"; prnhtml = bdhtml.substring (bdhtml.indexof (sprnstr) +18); // รับ html จากรหัสเริ่มต้นย้อนกลับจากรหัสเริ่มต้น prnhtml = prnhtml.substring (0, prnhtml.indexof (eprnstr)); // รับ html จากหน้าต่างท้ายรหัสไปข้างหน้า window.print (); window.document.body.innerhtml = bdhtml;} else {window.print (); -มันใช้ง่ายมากในการเพิ่มเนื้อหาเพื่อพิมพ์บนหน้าไปยังกลาง <!-startPrint1-> xxxx <!-endprint1->
เพิ่มปุ่มพิมพ์อื่น onclick = ตัวอย่าง (1)
4. ควบคุมระยะขอบของ "การโจมตีแนวตั้ง", การโจมตีแนวนอน "และ" หน้า
(1) <สคริปต์เลื่อนลอย>
ฟังก์ชั่น setPrintSettings () {// - คุณสมบัติขั้นสูงจากโรงงาน printing.setMarginMeasure (2) // การวัดระยะขอบใน Inches Factory.SetPageRange (เท็จ, 1, 3) // ต้องการหน้า 1 ถึง 3 โรงงาน Factory.printing.papersize = "A4" Factory.printing.papersource = "Manual Feed" // - คุณสมบัติพื้นฐานจากโรงงาน. printing.header = "นี่คือ meadco" โรงงาน. printing.footrint. Factory.printing.rightMargin = 1.0 Factory.printing.bottommargin = 1.0} </script> ฟังก์ชั่นดูตัวอย่าง (oper) {ถ้า (oper <10) {bdhtml = window.document.body.innerhtml; // รับรหัส html ของหน้า eprnstr = "<!-endprint"+oper+"->"; // ตั้งค่าพื้นที่พิมพ์สิ้นสุด prnhtml = bdhtml.substring (bdhtml.indexof (sprnstr) +18); // รับ html prnhtml = prnhtml.substring (0, prnhtml.indexof (eprnstr)); // รับ html window.document.body.innerhtml = prnhtml; window.print (); window.document.body.innerhtml = bdhtml;} else {window.print (); -มันใช้ง่ายมากในการเพิ่มเนื้อหาเพื่อพิมพ์บนหน้าไปยังกลาง <!-startPrint1-> xxxx <!-endprint1->
เพิ่มปุ่มพิมพ์อื่น onclick = ตัวอย่าง (1)
สำหรับข้อมูลเพิ่มเติมเกี่ยวกับฟังก์ชั่นการพิมพ์ JS คลิก "สรุปฟังก์ชั่นการพิมพ์ JS" เพื่อเรียนรู้
ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการเรียนรู้ของทุกคนและฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น