前端如何做到预览word和pdf文档，请写出代码

要在前端实现预览 Word 和 PDF 文档，可以使用 iframe 标签或者第三方库。以下是使用 iframe 标签的代码示例：

预览 Word 文档：

<iframe src="http://example.com/document.docx" width="100%" height="600"></iframe>

预览 PDF 文档：

<iframe src="http://example.com/document.pdf" width="100%" height="600"></iframe>

其中，src 属性指定要预览的文档的 URL，width 和 height 属性指定 iframe 的宽度和高度。

如果想要使用第三方库，可以考虑使用 pdf.js 或者 Microsoft Office Online。pdf.js 是一个由 Mozilla 开发的 JavaScript 库，可以在浏览器中渲染 PDF 文档。而 Microsoft Office Online 是一个在线办公套件，可以在浏览器中预览和编辑 Word、Excel 和 PowerPoint 文档。这些库的使用方法可以参考官方文档。