添加頁腳以打印網頁並設置頁邊空白

Question

在文檔打印時，如何在不使用類的情況下設置頁面底部頁邊距。 由於某些原因，我無法創建文檔頭。我不能使用這樣的代碼，因爲我沒有訪問文檔的頭。

@media print { 
    p.note { 
     bottom: 0; position: fixed; 
    } 
} 

Answer 1

如果不能，或者出於某種原因，不想使用CSS @media，你總是可以使用一些jQuery的：

window.onafterprint = function() { 
    $("p.note").css("position","fixed"); 
    $("p.note").css("bottom","0"); 
}; // IE5+ 

window.matchMedia('print').addListener(function(change) { 
    if !(change.matches) { 
     $("p.note").css("position","fixed"); 
     $("p.note").css("bottom","0"); 
    } 
}); // Chrome 9+, Safari 5.1+ 

在這裏，您可以發現一些更多的信息：http://tjvantoll.com/2012/06/15/detecting-print-requests-with-javascript/

而且也有將近存在插件：https://code.google.com/p/jmediatype/