js与jquery 学习随笔(三) 打印页面
来源:互联网 发布:量子密钥分发 知乎 编辑:程序博客网 时间:2024/05/30 04:37
<html><head><title></title><script src="F:/js/jquery.js"></script></head><body><table width="100%" border=1> <tr> <td> <input type="text"/> </td> </tr> <tr> <td> <input type="radio" name="ra"/>1 <input type="radio" name="ra"/>2 <input type="radio" name="ra"/>3 </td> </tr> <tr> <td> <textarea></textarea> </td> </tr> <tr> <td> <span style="background:#000">sp_an</span> </td> </tr> <tr> <td> <input type="button" onclick="printDoc()" value="print"/> </td> </tr></table></body><script>function printDoc(){try{ var pDiv = document.createElement("div"); pDiv.innerHTML = document.body.innerHTML; $.each($(pDiv).find(":text"),function(i,n){ $(n).replaceWith(n.value) }); $.each($(pDiv).find(":radio,:checkbox"),function(i,n){ var contents = $(n).parent().contents(); if(n.checked == false){ var i = 0; while(contents.get(i) != n){ i++; } contents.eq(i+1).remove(); } $(n).remove(); }); $.each($(pDiv).find("select"),function(i,n){ $(n).replaceWith($(n).find("option:selected").text()); }); $.each($(pDiv).find("textarea"),function(i,n){ $(n).parent().css("vertical-align","top"); $(n).replaceWith($(n).text()); }); $.each($(pDiv).find("span"),function(i,n){ $(n).css("background-color","#FFFFFF"); }); $('body').children().hide(); $('body').append(pDiv); if(window.confirm("打印?")){ document.execCommand("print"); } $(pDiv).remove(); $('body').children().show(); }catch(e){ alert(e)}}</script></html>