打印當前HTML頁面的onclick

我需要使用按鈕屬性在新的一頁打印當前HTML頁的「onClick（）」我用了follwing打印當前HTML頁面的onclick

javascript 
 
function printPartOfPage(elementId) 
 
{ 
 
var printContent = document.getElementById(elementId); 
 
var windowUrl = 'P2P Money Transfer'; 
 
var uniqueName = new Date(); 
 
var windowName = 'P2P Money Transfer -' + uniqueName.getTime(); 
 

 
var printWindow = window.open(windowUrl, windowName, 'left=50000,top=50000,width=0,height=0'); 
 

 
printWindow.document.write(printContent.innerHTML); 
 
printWindow.document.close(); 
 
printWindow.focus(); 
 
printWindow.print(); 
 
printWindow.close(); 
 
} 
 
</script>

<input type="button" value="Print" onclick="JavaScript:printPartOfPage('printDiv');" >

，但問題是有沒有實現樣式，所以我需要將當前整個html頁面轉換爲方法，並使用其中包含所有樣式的document.write（）進行編寫。

來源

2014-12-02 Abdul Shameer

是jquery允許在這裏嗎？ – 2014-12-02 08:32:38

@CerlinBoss javascript/jquery不重要，只需要輸出輸出。 – 2014-12-02 08:36:49

我建議你用printThis jquery庫來實現你的目標。

有了這個庫可以打印的頁面（例如一個div）的某些部分，並決定使用頁面的CSS或外部CSS添加爲參數。這裏的參數

$("#mySelector").printThis({ 
*  debug: false,    * show the iframe for debugging 
*  importCSS: true,   * import page CSS 
*  importStyle: false,   * import style tags 
*  printContainer: true,  * grab outer container as well as the contents of the selector 
*  loadCSS: "path/to/my.css", * path to additional css file - us an array [] for multiple 
*  pageTitle: "",    * add title to print page 
*  removeInline: false,  * remove all inline styles from print elements 
*  printDelay: 333,   * variable print delay 
*  header: null,    * prefix to html 
*  formValues: true   * preserve input/form values 
* });

正如你可以看到，該場所importStyle，如果你把它設置爲true腳本加載頁面的相同的腳本列表。您也可以使用屬性loadCSS加載外部CSS。

我已經使用它，它運作良好。

看this小提琴爲例

來源

2014-12-02 08:35:08 faby

可我知道如何使用HTML – 2014-12-02 08:45:40

我添加了一個小提琴爲例 – faby 2014-12-02 08:48:36

什麼都不會發生在點擊按鈕「做」 – 2014-12-02 09:01:05

打印當前HTML頁面的onclick

回答

相關問題