標籤：div print pen rem 頁面 click http app com
html頁面局部列印的小栗子
只要修改點擊列印的按鈕和列印的div地區的id就行啦
<!DOCTYPE html><html><head> <title>print test page</title> <meta charset="utf-8"> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script><script type="text/javascript">//貌似要jq 1.6版本以上才支援prop函數 $(document).ready(function(){ var print_click = "print"; //列印的按鈕的id $("#" + print_click).bind("click", function(){ var print_id = "print_content"; //要列印的div的id var k = $("#" + print_id).prop("outerHTML"); $("body *").hide(); $("body").append(k); window.print(); $("body *").show(); $("body #" + print_id + ":last").remove() }) })</script></head><body><div> <div>不需要列印</div> <div id="print_content">列印的內容</div> <button id="print">列印</button></div></body></html>
html局部列印
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
