如何在没有iframe的页面中嵌入PDF.JS查看器

在没有使用iframe的页面中嵌入PDF.JS查看器，可以通过以下步骤实现：

下载PDF.JS库：首先，从PDF.JS官方网站（https://mozilla.github.io/pdf.js/）下载最新版本的PDF.JS库。
引入PDF.JS库：将下载的PDF.JS库文件解压，并将其中的pdf.js和pdf.worker.js文件复制到你的项目目录中。然后，在你的HTML页面中引入这两个文件：

<script src="path/to/pdf.js"></script>
<script src="path/to/pdf.worker.js"></script>

创建一个容器元素：在HTML页面中创建一个用于显示PDF的容器元素，例如一个<div>元素：

<div id="pdfContainer"></div>

编写JavaScript代码：使用JavaScript代码加载和显示PDF文件。首先，获取容器元素的引用，并指定要加载的PDF文件的URL：

var container = document.getElementById('pdfContainer');
var pdfUrl = 'path/to/your/pdf/file.pdf';

然后，使用PDF.JS提供的API加载和显示PDF文件：

PDFJS.getDocument(pdfUrl).then(function(pdf) {
  // 获取PDF的第一页
  pdf.getPage(1).then(function(page) {
    var scale = 1.5;
    var viewport = page.getViewport(scale);

    // 创建一个<canvas>元素用于显示PDF页面
    var canvas = document.createElement('canvas');
    var context = canvas.getContext('2d');
    canvas.width = viewport.width;
    canvas.height = viewport.height;
    container.appendChild(canvas);

    // 渲染PDF页面到<canvas>元素上
    page.render({
      canvasContext: context,
      viewport: viewport
    });
  });
});

以上代码会加载指定的PDF文件，并将第一页渲染到一个新创建的<canvas>元素中，然后将该元素添加到容器中。

样式和交互优化：根据需要，可以通过CSS样式和JavaScript代码对PDF查看器进行样式和交互的优化，例如添加缩放、翻页等功能。

这样，你就可以在没有使用iframe的页面中成功嵌入PDF.JS查看器了。

腾讯云相关产品推荐：腾讯云对象存储（COS）

概念：腾讯云对象存储（COS）是一种高可用、高可靠、强安全的云端存储服务，适用于存储和处理各种类型的非结构化数据。
优势：具备高可用性和可扩展性，支持海量数据存储和访问；提供多种数据访问方式，包括API、Web控制台、SDK等；具备强大的数据安全保护机制，如数据加密、访问权限控制等。
应用场景：适用于网站、移动应用、大数据分析等场景下的文件存储、备份和共享需求。
产品介绍链接地址：https://cloud.tencent.com/product/cos

请注意，以上答案仅供参考，具体的实现方式和推荐产品可能因个人需求和环境而异。