window.print 打印界面

時間 2019-12-26

標籤 window.print window print 打印界面欄目 Windows 简体版

原文原文鏈接

一. window.print能夠打印當前應用對應的頁面展示出來的所有內容，用法不夠靈活；
javascript

二. 使用window.print打印指定的內容，方法是將指定內容作成一個html文件的格式：html

<html>  
<head>  
<script language="javascript">
    //此js函數用於解決打印指定div的問題  
    function printdiv(printpage)  
    {  
        var headstr = "<html><head><title></title></head><body>";  
        var footstr = "</body>";
        //獲取div中的html內容  
        var printData = document.getElementById("printpage").innerHTML; 
        //獲取div中的html內容，jquery寫法以下
        // var printData = $("#" + printpage).html();
        
        //獲取原來的窗口界面body的html內容，並保存起來
        var oldstr = document.body.innerHTML;  
        
        //給窗口界面從新賦值，賦本身拼接起來的html內容
        document.body.innerHTML = headstr+newstr+footstr;  
        //調用window.print方法打印新窗口
        window.print();  
        
        //將原來窗口body的html值回填展現
        document.body.innerHTML = oldstr;  
        return false;  
    }  
</script>  
<title>div print</title>  
</head>  
  
<body>  
    <input name="b_print" type="button" class="ipt"   onClick="printdiv('div_print');" value=" Print ">  
      
    <div id="div_print">  
        <h1 style="Color:Red">The Div content which you want to print</h1>  
    </div>  
</body>  
</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。