📌  相关文章
📜  如何导入 popper.js - Html (1)

📅  最后修改于: 2023-12-03 15:38:43.653000             🧑  作者: Mango

如何导入 popper.js - HTML

什么是 popper.js

popper.js 是一个轻量级的 JavaScript 库，用于在 Web 应用程序中为弹出式元素提供定位和在其周围添加交互的工具。它是一个由 Twitter Bootstrap 团队贡献的开源软件，并且广泛使用。

如何导入 popper.js

要在 HTML 中使用 popper.js，您可以使用以下两种方式导入它：

  1. 通过 CDN 导入

通过 CDN 导入是一种快速方便的方法，只需将以下代码片段添加到 HTML 的 <head> 标记中：

<head>
  <script src="https://unpkg.com/@popperjs/core@2.10.1/dist/popper.min.js"></script>
</head>
  1. 下载并导入

如果您想下载 popper.js 并将其导入，则可以按照以下步骤操作：

npm install @popperjs/core
  • 将 popper.js 导入您的 HTML 文件中。您可以使用以下代码片段传递路径：
<head>
  <script src="path/to/popper.js"></script>
</head>
总结

通过本文，您已了解如何在 HTML 中导入 popper.js 的两种方法：CDN 导入和手动下载导入。现在，您可以在您的 Web 应用程序中轻松使用 popper.js 的弹出式元素。