2014-12-02 65 views
2

創建HTML頁面內聯和頁面打開新的標籤,並顯示打印視圖創建HTML頁面和打印到新標籤的JavaScript

我這個代碼,但沒有工作試過..

 var mywindow = window.open('', 'Print Report', 'height=400,width=600'); 
    mywindow.document.write('<html><head><title>Print Report</title>'); 
    mywindow.document.write('</head><body ><table border="1" style="width: 500px; height: 300px;">'); 
    mywindow.document.write(htmlTable); 
    mywindow.document.write('</table></body></html>'); 
    mywindow.open().print(); 
+0

正常工作:http://jsfiddle.net/c03fqywa /你能解釋你有什麼問題嗎?請注意,您可能需要停用瀏覽器的彈出式窗口攔截器。 – 2014-12-02 11:31:29

回答

3

試試這個..

var winPrint = window.open('', '', 'left=0,top=0,width=800,height=600,toolbar=0,scrollbars=0,status=0'); 
winPrint.document.write('<title>Print Report</title><br /><br /> Hellow World'); 
winPrint.document.close(); 
winPrint.focus(); 
winPrint.print(); 
winPrint.close(); 

如果窗口未打開..請檢查彈出是否被阻塞:) ..

+0

如何打開新標籤不是新窗口 – 2014-12-02 12:29:05

2

當你需要打開一個新的選項卡,然後將其打印.. 試試這個..

<div id="toNewWindow"> 
    <p>Your content here</p> 
</div> 
<a href="javascript:;" id="print">Open</a> 
<script> 
function nWin() { 
    var w = window.open(); 
    var html = $("#toNewWindow").html(); 

    $(w.document.body).html(html); 
    w.print(); 
} 

$(function() { 
    $("a#print").click(nWin); 
});</script> 

小提琴:: http://jsfiddle.net/Sarathv15/8dXvt/420/

在小提琴