介绍
npm 是 Node.js 包管理器，用于下载、安装和管理 Node.js 模块。其中，tinyjs-external 是一个轻量级的 JavaScript 库，可用于处理在外部打开链接时的页面跳转。
学习使用 tinyjs-external 有助于更加高效地开发前端代码。在本文中，我们将提供有关安装、使用和示例代码的详细说明。
安装
使用 npm 包管理器可轻松安装 tinyjs-external，只需要在命令行中键入以下命令：
npm install tinyjs-external
使用说明
使用 tinyjs-external 只需要简单的配置信息，即可在外部打开链接，同时防止页面跳转。示例代码如下：
import ExternalLink from 'tinyjs-external'; const externalLink = new ExternalLink(); externalLink.init();
在进行以上操作后，当页面中任何链接被点击时，将调用 tinyjs-external，跳转至外部链接而不会导致页面跳转。
自定义配置
可以根据需要进行自定义配置。以下是 tinyjs-external 支持的所有配置选项及其描述。
| 配置选项 | 描述 |
|---|---|
selector |
要处理的链接选择器 |
excludeLinks |
在处理链接时应该忽略的链接选择器 |
useBlankTarget |
在打开链接时是否应在新窗口中打开 |
handleClick |
在点击链接之前要执行的函数 |
以下示例代码演示了如何对 tinyjs-external 进行自定义配置：
-- -------------------- ---- -------
------ ------------ ---- ------------------
----- ------------ - --- --------------
--------- ---- -- ------
------------- --------------- -- -- ----- - ------------ ---
--------------- ------ -- ----------
------------ --- -- -
-- ------------
----------------------
--
---
--------------------示例代码
以下示例代码演示了如何使用 tinyjs-external 将外部链接打开在新窗口而不导致页面跳转。
-- -------------------- ---- ------- --------- ----- ----- ---------- ------ ----- ---------------- ---------------------- ---------- ------- ------ ------ --------------- ----------- ---------------- -- -------------------------------------------- -- ------------------------------------- ------ ------ ------- -------------------------- ------- -------
import ExternalLink from 'tinyjs-external';
const externalLink = new ExternalLink({
useBlankTarget: true,
});
externalLink.init();结论
tinyjs-external 是一个易于使用的 npm 包，能够避免在外部打开链接时出现的烦人页面跳转。通过本文，我们介绍了其安装和使用，以及自定义配置和示例代码。使用 tinyjs-external 开发前端代码可以更加高效和方便，有助于提高前端开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/75488