JavaScript列印網頁指定區域的範例_javascript技巧

JavaScript列印頁面指定div區域原理：使用window.open()在瀏覽器開啟一個新的頁面（window）, 使用window.document.write()將指定div區域的內容寫入新視窗文檔，document .close()關閉文檔，使用window.print()呼叫印表機列印目前文檔。

JavaScript列印函數myPrint(obj)：

複製程式碼

複製程式碼

程式碼🎜>
function myPrint(obj){
    //開啟新視窗newWindow
    var newWindow=window.open("列印視窗","_blank");
// 的內容
    var docStr = obj.innerHTML;
    //列印內容寫入newWindow文件
    newWindow.document.write(doc);    newWindow.document.w ();
    //呼叫印表機
    newWindow.print();
    //關閉newWindow頁面
    newWindow.close();
>

myprint()呼叫方法：

複製程式碼 程式碼myPrint(document.getElementById('printDivID'));

實例程式碼：

複製程式碼

程式碼如下: 程式碼如下:

程式碼如下：function myPrint(obj){
    var newWindow=window.open("列印視窗","_blank");
    var docStr = obj.innerHTML;
    var docStr = obj.innerHTML;
    var docStr = obj.innerHTML;    newWindow.document.close();
    新Window.document.close();
    新Window.document.close();
    newWindow.print();
    newWindow.close();
}
">

---

   列印示範區域,點選列印後會在新視窗載入這裡的內容！

---

打 印