Javascript 使用CSS样式将当前页面保存为PDF
我有一个简单的代码,它确实保存了我的当前页面(基于我希望保存的ID),但当它确实打开保存窗口时,我认为它是一个没有样式的普通HTML代码。有没有办法保存PDF,包括CSS中的所有样式Javascript 使用CSS样式将当前页面保存为PDF,javascript,jquery,html,css,pdf,Javascript,Jquery,Html,Css,Pdf,我有一个简单的代码,它确实保存了我的当前页面(基于我希望保存的ID),但当它确实打开保存窗口时,我认为它是一个没有样式的普通HTML代码。有没有办法保存PDF,包括CSS中的所有样式 <script> function printDiv(divName) { var printContents = document.getElementById(divName).innerHTML; w=window.open(); w.document.write(printConten
<script>
function printDiv(divName) {
var printContents = document.getElementById(divName).innerHTML;
w=window.open();
w.document.write(printContents);
w.print();
w.close();
}
</script>
函数printDiv(divName){
var printContents=document.getElementById(divName).innerHTML;
w=window.open();
w、 文件。书写(打印内容);
w、 打印();
w、 close();
}
函数printDiv(divName){
var printContents=document.getElementById(divName).innerHTML;
w=window.open();
w、 编写('/*此处代码*/'+打印内容);
w、 打印();
w、 close();
}
您已经看到了吗?看看这个问题:当我将媒体类型添加到样式表中时,出于某种原因,它仍然会忽略它。我尝试过内联HTML内联样式,但它确实看到了!无法找出问题所在您可能要使用@media print{}
媒体查询。
function printDiv(divName) {
var printContents = document.getElementById(divName).innerHTML;
w=window.open();
w.document.write('<style type="text/css"> /* your code here */ </style>' + printContents);
w.print();
w.close();
}