html object 标签 按钮查看pdf

HTML `<object>` 标签用于嵌入外部资源，如PDF文件、音频、视频等，以便在网页上直接展示。当你想在页面上创建一个按钮，点击后可以打开一个PDF文档，可以这样做：

1. 首先，设置`<object>`标签的基本结构：

<a href="#" onclick="showPdf()">点击查看PDF</a>
<object id="pdfObject" type="application/pdf" data="path_to_your_pdf.pdf"></object>

<script>
function showPdf() {
   document.getElementById('pdfObject').contentWindow.focus();
}
</script>

这里，`href="#"`是一个占位符，你可以替换为实际的JavaScript事件处理器（例如`onclick`），当点击链接时会触发`showPdf()`函数。

2. `data`属性指定了PDF文件的URL。你需要将其替换为你PDF文件的实际路径。

3. 然后，`<object>`标签会被隐藏，并通过JavaScript控制。`showPdf()`函数会在点击按钮时将PDF文件的内容区域聚焦，使其可见。