Javascript 如何使用window.print函数在内容预览中显示html内容？

我正在使用JavaScript的窗口打印功能来显示我的HTML内容。单击“打印”按钮后，我可以很好地看到“打印”对话框，但我可以看到预览内容。它只是一直在加载预览

HTML:

客户端代码
照片
名称
性别
卡号
工作
电话
行动
@forelse（$listClient作为$list）
{{str_pad（$list->id，6，'0'，str_pad_LEFT）}
照片）}}“>
{{$list->client_name}
{{$list->gender}
{{$list->card_number}
{{$list->job}
{{$list->phone1}
@如果（$list->status==0）
@否则
@恩迪夫
@空的
没有找到任何记录。
@endforelse

JavaScript:

函数打印内容（打印区域）{
var printContents=document.getElementById（“printArea”）.innerHTML；
var originalContents=document.body.innerHTML；
document.body.innerHTML=打印内容；
window.print（）；
document.body.innerHTML=原始内容；
}

我想要的是在打印文档之前预览内容

---

任何解决此问题的想法都将不胜感激。

似乎您忘记添加单击事件处理程序。为什么不使用

CSS

来控制打印演示文稿？对于

print

@stanze，有一个

媒体类型

，我没有忘记添加单击功能。我只是没有在这里显示它。@sabithpocker，正如我描述的一样除此之外，我无法从我的html内容中看到预览内容。与CSS的关系如何？您能否先获取html内容（innerHTML）？。调试时您能看到这些内容吗？