Window print() 方法

window.print();

<div id="qrcodeid">
                        <img alt="" src="" id="qrcode_url" style="width: 500px;height: 500px" class="form-control">
</div>

<button type="button" class="btn btn-primary" οnclick="window.print()">打印</button>

//上面打印会附带一些页面内容

//打印(没有附带其他页面内容。只有图片打印)
function windowprint(){
    if(getExplorer() == "IE"){
        pagesetup_null();
    }
    //根据div标签ID拿到div中的局部内容
    bdhtml=window.document.body.innerHTML; 
    var jubuData = document.getElementById("qrcodeid").innerHTML;
    //把获取的 局部div内容赋给body标签, 相当于重置了 body里的内容
    window.document.body.innerHTML= jubuData; 
    //调用打印功能
    window.print();
    window.document.body.innerHTML=bdhtml;//重新给页面内容赋值；
    return false;
}

 

function getExplorer() {
    var explorer = window.navigator.userAgent ;
    //ie 
    if (explorer.indexOf("MSIE") >= 0) {
        return "IE";
    }
    //firefox 
    else if (explorer.indexOf("Firefox") >= 0) {
        return "Firefox";
    }
    //Chrome
    else if(explorer.indexOf("Chrome") >= 0){
        return "Chrome";
    }
    //Opera
    else if(explorer.indexOf("Opera") >= 0){
        return "Opera";
    }
    //Safari
    else if(explorer.indexOf("Safari") >= 0){
        return "Safari";
    }
}

<button type="button" class="btn btn-primary" οnclick="windowprint()">打印</button>