我如何不重裝/刷新數據的HTML頁面打印？

Question

我有一個小型的html/css網站，由jQuery支持，用PHP生成，你可以在動作here中看到它。

關於該網站的所有想法是，一旦加載，它沒有互聯網連接，如果瀏覽器支持JavaScript，也就是說。

你可以看到它有準備打印按鈕，但它並沒有正常工作。我想讓它工作，但我不確定什麼是最好的方法或任何方法。

我需要只打印內容區域，這意味着頭（歌名）和第（歌詞）。可能會在頁面上添加頁眉/頁腳，以便打印站點名稱。

在其他網站上，它通常以PRINT按鈕打開一個新窗口的方式工作，該窗口加載例如/print.php?id=40，但我不想在此處這樣做，因爲它需要有效的Internet連接。

如果打印功能在沒有互聯網連接的情況下無法完成，那麼至少描述瞭如何通過重新加載網站來達到最佳效果的答案仍然可以接受。

Answer 1

使用打印樣式表來指定打印元件的知名度。

<link rel="stylesheet" type="text/css" href="styles/print.css" media="print"> 

...在print.css

#hideThisElementInPrint, 
.andThisOneToo { 
    display: none; 
}