npm 包 tld2js 使用教程

什么是 tld2js

tld2js 是一个 npm 包,是一个解析 URL 的 JavaScript 库,可以将 URL 解析成域名、子域名、顶级域名、路径等信息。此外,tld2js 还可以将一个域名解析成二级域名、三级域名等。它可以帮助开发者快速获取 URL 中的各项信息,方便开发人员进行相应的处理。

如何使用

安装 tld2js:

--- ------- ------

在 JavaScript 中引入 tld2js:

----- - ----- - - ------------------

然后你就可以使用它来解析 URL 了,例如解析百度 URL:

----- - ----- - - ------------------

----- --- - ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

------------------------

得到输出:

-
  --------- ---------
  --------- ---
  --------- ---
  --------- ----------------
  ----- ---
  --------- -----
  ------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  ----- -------------------
  ---------- ---
  ------- ------------
  ---- ------
  ----------- -----
  ----- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  ----------- ---
  -------- --------- ------
-

所有属性的意义如下:

  • protocol:URL 协议
  • username:用户名
  • password:密码
  • hostname:主机名
  • port:端口号
  • pathname:路径名
  • search:查询字符串
  • hash:哈希值
  • subdomain:子域名
  • domain:顶级域名
  • tld:顶级域名后缀
  • portNumber:端口号(数字类型)
  • path:路径
  • subdomains:所有子域名
  • domains:所有域名

其他方法

除了 parse 方法,tld2js 中还有其他一些方法。

parseHost

tld2js 中的 parseHost 方法可以将一个主机名解析成相应的子域名和顶级域名后缀信息。例如:

----- - --------- - - ------------------

-------------------------------------------

得到输出:

-
  ---------- ------
  ------- ---------------
  ---- ---------
  ----------- ----
-

parseSubdomain

tld2js 中的 parseSubdomain 方法可以将一个子域名解析成所有的子域名信息。例如:

----- - -------------- - - ------------------

------------------------------------------------

得到输出:

-------

parseDomains

tld2js 中的 parseDomains 方法可以将一个域名解析成所有的域名信息。例如:

----- - ------------ - - ------------------

----------------------------------------------

得到输出:

--------- ------ -----

总结

使用 tld2js 可以轻松获取 URL 中的所有信息,方便后续的操作。它提供了 parse、parseHost、parseSubdomain 和 parseDomains 四个方法供使用。建议在实际开发中充分使用该工具包,提高开发效率,同时减少代码复杂度。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/600572c881e8991b448e8f06


猜你喜欢

  • npm 包 peer-crdt 使用教程

    简介 peer-crdt 是一个构建在 topological-crdt 之上的 npm 包。它的作用是用于实现无中心的多个端点之间的协同编辑。 在这篇文章中,我们将介绍 peer-crdt 的原理,...

    3 年前
  • npm 包 peer-crdt-bind-codemirror 使用教程

    前言 在 Web 前端开发中,使用 CodeMirror 框架来实现实时编码及协作是一个比较常见并且有用的需求,但是对于多用户协作时的数据同步及冲突处理,解决起来就比较棘手了。

    3 年前
  • npm包 iothon-serverside 使用教程

    序言 iothon-serverside 是一款基于Node.js 的 npm 包,可以让前端开发人员通过简单的配置,将 Vue 或 React 等前端框架的数据流进行离线处理,并实现数据存储。

    3 年前
  • npm 包 iothon-clientside 使用教程

    介绍 iothon-clientside 是一款前端的 npm 包,可以帮助开发人员实现集成 IOT 系统。 iothon 是一款全球化的物联网平台,提供了多种工具来协助用户更便捷地接入和操作物联网设...

    3 年前
  • npm 包 nodejs-easyapi 使用教程

    介绍 nodejs-easyapi 是一个基于 Node.js 的轻量级 Web 框架,它能够帮助开发者快速搭建 RESTful API。nodejs-easyapi 主要特点有以下几个方面: 支持...

    3 年前
  • npm 包 react-native-keyboard-mgr 使用教程

    React Native 是一款目前十分流行的移动端框架,它使得开发者能够用一种统一的语言、React 的语法,快速地完成跨平台应用的开发。但是在实际开发中,我们常常会面临键盘弹出、收起等一些问题,这...

    3 年前
  • npm 包 utility-kit 使用教程

    简介 npm 是 Node.js 的包管理器,提供了大量的常用模块供前端和后端进行开发。utility-kit 是一个实用的 npm 包,包括了常用的函数和工具库,便于前端开发人员调用。

    3 年前
  • 使用@kingstinct/react-native-ios-notification-actions实现iOS通知的交互

    前言 在iOS应用开发中,推送通知是一种常用的应用程序交互方式。应用程序可以在通知中使用某些操作让用户可以在通知中直接执行一些操作,例如,点击一个通知触发应用程序打开,或者从通知中直接回复一条消息。

    3 年前
  • npm 包 @plrthink/rollup-plugin-postcss 使用教程

    前言 在现代的 Web 开发过程中,CSS 样式已经成为前端开发必须的一部分。而随着样式表的逐渐增大和结构的复杂化,我们需要使用一些构建工具来帮我们处理和优化 CSS。

    3 年前
  • npm 包 find-this-value 使用教程

    在前端开发的过程中,我们经常需要从数据中找到特定的值来进行处理。此时,我们就需要使用一个可以快速定位到特定值的工具。在这里,我向大家介绍一个非常实用的 npm 包:find-this-value。

    3 年前
  • npm 包 incredible 使用教程

    在前端开发中,使用 npm 包已经成为不可或缺的一部分,它大大提高了开发效率,同时优化了代码质量和可维护性。其中,incredible 这个 npm 包是一个十分强大的工具,它可以用于创建交互式的命令...

    3 年前
  • npm 包 play-music-at-coup 使用教程

    随着社会与科技的快速发展,音乐已经成为现代生活中不可或缺的一部分。而在前端开发中,经常需要使用到音乐播放功能。为了更加方便地实现这一需求,npm 社区中涌现了很多优秀的音乐播放包。

    3 年前
  • npm 包 elearning-player-bridge 使用教程

    在现今信息化的时代,网络教育已经成为越来越多人学习的首选方式。而对于前端开发者来说,如何开发一个高效的 elearning 环境也成为了一个重要的工作。这就需要使用 npm 包 elearning-p...

    3 年前
  • emmit

    It is a small library for the management of events Emmit It is a small library for the management of...

    3 年前
  • npm 包 occurences 使用教程

    简介 在前端开发时,经常需要处理字符串。而统计字符串中指定字符出现的次数也是常见的需求。npm 包 occurences 就可以帮助我们轻松地完成字符串统计工作。本文将详细介绍该包的使用教程,并提供示...

    3 年前
  • npm 包 refrax-react 使用教程

    前言 在现代的 Web 开发中,前端框架被广泛应用,而组件化开发则是其中一个重要的理念。在 React 生态中,refrax-react 是一个很好的组件状态管理工具。

    3 年前
  • npm 包 animate-components 使用教程

    在前端开发中,动效的使用是十分重要的。Animate-components 是一个基于 React 的动画库,可以帮助开发者创建各种复杂的动画效果。 安装和使用 使用 npm 进行安装: --- --...

    3 年前
  • npm 包 carlos-plugin 使用教程

    简介 npm 是现代化的 JavaScript 包管理器,可以帮助前端工程师快速安装、控制和部署代码中使用的 JavaScript 包。当前市场上,有很多优秀的 npm 包可供选择,但是对于那些想要在...

    3 年前
  • npm 包 cordova-plugin-ios-localized-strings 使用教程

    前言 在现代的移动设备应用中,多语言支持是必不可少的功能。而 cordova-plugin-ios-localized-strings 就是一个用于在 iOS 系统上访问本地化字符串的 Cordova...

    3 年前
  • 介绍npm包 describe-component 的使用方法

    npm 包 describe-component 是一个强大的工具,它帮助前端开发人员在编写组件代码时更加简单。该工具可用于生成组件文档和示例,同时还提供了默认的 CSS 样式,以帮助开发人员快速和方...

    3 年前

相关推荐

    暂无文章