js与jquery 学习随笔（三）打印页面

最新推荐文章于 2021-02-23 05:18:25 发布

虽然我也不太懂

最新推荐文章于 2021-02-23 05:18:25 发布

阅读量439

点赞数

分类专栏：旧时文章-2012

本文链接：https://blog.csdn.net/Byemyloveing/article/details/8545511

版权

旧时文章-2012 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<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" οnclick="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>