1. ใช้ CSS ของ "Media =" Print "เพื่อควบคุมสไตล์ของไฟล์เพื่อพิมพ์ใน testPrint.html
คัดลอกรหัสรหัสดังนี้:
<link href = "/style/print.css" rel = "stylesheet" type = "text/css" media = "print" >>
ไฟล์/style/print.css
คัดลอกรหัสรหัสดังนี้:
.noprint {display: none;}
ใช้สไตล์ใน print.css ใน testprint.html ใช่ แต่มันไม่ปรากฏขึ้นเมื่อพิมพ์:
คัดลอกรหัสรหัสดังนี้:
<div>
<อินพุต type = "ปุ่ม" onclick = "window.print ();"
</div>
แน่นอนคุณสามารถเขียนในสไตล์ใน print.css และเปลี่ยนสี (ภาพสีไม่ดีภายใต้เครื่องพิมพ์ขาวดำคุณสามารถพิมพ์ในรูปแบบอื่น) แบบอักษรสามารถเล่นได้เพียงแค่เล่น ----- ------------------------------------------------------ ------------------------------------------------------ ------------------------------------------------------ ------------------------------------------ ------------------------------------------- --- --------
2. ใช้ JavaScript เพื่อควบคุม
ด้วยเหตุนี้บางคนอาจไม่เชี่ยวชาญใน CSS บางคนจาวาสคริปต์เป็นวัว X มากกว่าบางครั้ง JavaScript ก็เป็นตัวเลือกที่ดีเช่นกัน
คัดลอกรหัสรหัสดังนี้:
<script type = "text/javascript">
-
// ดำเนินการโดยอัตโนมัติก่อนพิมพ์
window.onbeforeprint = function () {
$ ("#test")
-
// ดำเนินการโดยอัตโนมัติหลังจากการพิมพ์
window.onafterprint = function () {
$ ("#test")
-
-
</script>
<div id = "ทดสอบ"> ข้อความนี้จะไม่ถูกพิมพ์ออกมา </div>
ก่อนที่จะพิมพ์คุณจะเรียกฟังก์ชั่น Window.onbeforePrint แน่นอนว่าโดยทั่วไปจำเป็นที่จะต้องนำกลับมาหลังจากการพิมพ์นั่นคือ window.onafterprint ฟังก์ชั่น
----------------------------------------------- --------------
เคล็ดลับ: ให้ความสนใจเราทุกคนรู้ว่ามันเป็น window.print () ในความเป็นจริงคุณยังสามารถพิมพ์กรอบเช่น window.top.centerframe.mainframe.print () ;;