Question

我制作了一个包含多个JavaScripts的简单网页（html），类似于测验。用户填写文本字段并按下按钮获取答案，当他们单击“提交”按钮后，JavaScrript将计算得分并显示。

因此，我的页面是index.html，当用户点击提交时，它仍然在此页面上，但它会显示结果，如：做得好！姓名，身份证，电子邮件等（从文本字段中获取）你的分数是：144（由JS计算）。

所以，现在，我想在此结果下方添加一个按钮，例如“PDF”。当用户点击它时，它会在新标签中打开一个pdf文档，其结果在index.html后计算。 pdf应该像index.html页面一样格式化。

我试图找出如何做这个pdf的事情，我找不到解决方案。问题是我希望此页面在本地打开，而不是在服务器上打开。你能建议我怎么做，也许使用PHP（但它不会在本地工作）。我只想在任何计算机上复制粘贴html文件和JavaScripts，并且还需要在本地工作。只需在浏览器中打开并完成测验，然后将结果导出为pdf。

感谢名单

Answer 1

你可以在javascript中做你想做的事，使用这个库： http://parall.ax/products/jspdf

您必须使用pdf

的所需格式格式化输出

Answer 2

以下是一个带jsPDF的简单PDF示例：

＆＃13;

var doc = new jsPDF();
doc.text(20, 20, 'Hello world!');
doc.text(20, 30, 'This is client-side Javascript, pumping out a PDF.');
doc.text(20, 40, 'Do you like that?');
doc.output('save', 'filename.pdf');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.debug.js"></script>

<iframe id="pdf" type="application/pdf" src="" width="800" height="400"></iframe>

＆＃13;

用pdf中的javascript导出html

2 个答案: