如何在javascript中打印頁面的兩個部分之一

Question

我的網頁上有兩個部分，SectionA和SectionB（2個HTML表格）。

我希望能夠打印整個頁面，只有SectionA或只有SectionB。

我已經有一個CSS文件media="print"，我用window.print()。

要打印整個頁面，請使用瀏覽器打印按鈕/菜單項。

只打印部1.：

function PrintSectionA() 
{ 
    $('#SectionA').removeClass('hideFromPrint'); 
    $('#SectionB').addClass('hideFromPrint'); 
    window.print(); 
} 

和相對來說PrintSectionB() 呀！它工作...差不多。如果我嘗試只打印SectionA，，然後整個頁面，我只會得到SectionA，因爲SectionB仍然有hideFromPrint類。

我會希望是：將文檔發送到打印機

function PrintSectionA() 
{ 
    $('#SectionA').removeClass('hideFromPrint'); 
    $('#SectionB').addClass('hideFromPrint'); 
    window.print(); 
    $('#SectionB').removeClass('hideFromPrint'); 
} 

但window.print();返回之前。所以PrintSectionA()實際打印現在一切:(。

有沒有一種方法，使工作？

我想我看見的地方，我可以強制CSS分頁，我可以要求用戶打印整個頁面，但只能選擇第一或第二頁......沒有樂趣！

Answer 1

怎麼樣定義三個功能（其中一個是「所有打印」）？

function PrintSectionA() 
{ 
    $('#SectionA').removeClass('hideFromPrint'); 
    $('#SectionB').addClass('hideFromPrint'); 
    window.print(); 
} 

function PrintSectionB() 
{ 
    $('#SectionB').removeClass('hideFromPrint'); 
    $('#SectionA').addClass('hideFromPrint'); 
    window.print(); 
} 

function PrintAll() 
{ 
    $('#SectionA').removeClass('hideFromPrint'); 
    $('#SectionB').removeClass('hideFromPrint'); 
    window.print(); 
}