我的代码有什么问题吗?我想将 html 表导出为 pdf 并保存。然后碰巧它只会打开一个空白屏幕的新浏览器。这是我的示例代码。请帮忙。谢谢。
<!DOCTYPE html>
<html>
</head>
<body>
<div id="pdf">
<table id="StudentInfoListTable">
<thead>
<tr>
<th>Name</th>
<th>Email</th>
<th>Track</th>
<th>S.S.C Roll</th>
<th>S.S.C Division</th>
<th>H.S.C Roll</th>
<th>H.S.C Division</th>
<th>District</th>
</tr>
</thead>
<tbody>
<tr>
<td>alimon </td>
<td>Email</td>
<td>1</td>
<td>2222</td>
<td>as</td>
<td>3333</td>
<td>dd</td>
<td>33</td>
</tr>
</tbody>
</table>
</div>
<!--<button >Submit</button> -->
<li> <a href="javascript:PrintDiv()">Export to pdf</a> </li>
<script type="text/javascript">
function PrintDiv(htmlexportPDF) {
var divToPrint = document.getElementById(htmlexportPDF);
alert('Printing: Success');
var popupWin = window.open('', '_blank', 'width=650,height=600');
popupWin.document.open();
popupWin.document.write('<style type="text/css">body{ margin:0.5px;');
popupWin.document.write('font-family:verdana,Arial;color:#000;');
popupWin.document.write('font-family:Verdana, Geneva, sans-serif; font-size:8px;}');
popupWin.document.write('a{color:#000;text-decoration:none;}</style>');
popupWin.document.write('<html><body onload="window.print()">' + divToPrint.innerHTML + '</html>');
popupWin.document.close();
}
</script>
最佳答案
您的 JavaScript 函数 printDiv 接受参数 htmlexportPDF。
function PrintDiv(htmlexportPDF) {
问题是当您从 <a>
调用 PrintDiv 时您没有提供任何参数的链接。
要解决此问题,请更改
<a href="javascript:PrintDiv()">Export to pdf</a>
至
<a href="javascript:PrintDiv('StudentInfoListTable')">Export to pdf</a>
此外,在您的 HTML 代码中,您从未放置过开头 <head>
标签或结束语</body>
标签或结束语</html>
标签。
关于javascript - 将 html 表格导出为 pdf,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30993487/