import PDFJS

在 JavaScript 中，可以使用 ES6 模块语法 `import` 来引入 PDFJS。具体步骤如下：

1. 下载 PDFJS 的包，可以从官网（https://mozilla.github.io/pdf.js/getting_started/#download）下载最新版本的源码包，或者从 GitHub（https://github.com/mozilla/pdf.js/releases）下载已经打包好的版本。

2. 解压下载的包，将其中的 `build` 文件夹复制到你的网站根目录下。

3. 在 HTML 文件中添加一个 `<script>` 标签，用于加载 PDFJS 的模块：

<script type="module">
  import * as pdfjsLib from '/path/to/pdfjs/build/pdf.js';
  // 其他代码
</script>

其中，`/path/to/pdfjs/build/pdf.js` 是 PDFJS 的模块路径，需要根据实际情况进行修改。

4. 编写 JavaScript 代码，加载 PDF 文件并显示在页面上，可以使用以下代码：

const pdfUrl = '/path/to/pdf/file.pdf';
const pdfContainer = document.querySelector('#pdf-container');

pdfjsLib.getDocument(pdfUrl).promise.then(function(pdfDoc) {
  for (let i = 1; i <= pdfDoc.numPages; i++) {
    pdfDoc.getPage(i).then(function(page) {
      const canvas = document.createElement('canvas');
      pdfContainer.appendChild(canvas);

      const ctx = canvas.getContext('2d');
      const viewport = page.getViewport({ scale: 1 });
      canvas.width = viewport.width;
      canvas.height = viewport.height;

      page.render({ canvasContext: ctx, viewport: viewport });
    });
  }
});

其中，`pdfUrl` 是 PDF 文件的 URL 路径，`pdfContainer` 是容器元素的引用，`pdfjsLib` 是 PDFJS 的核心对象，用于加载和渲染 PDF 文件。通过调用 `pdfjsLib.getDocument` 方法加载 PDF 文件，然后使用 `getPage` 方法获取每一页的内容，最后使用 `render` 方法将页面渲染到 `canvas` 元素中。