在 JavaScript 中获取域名

最新推荐文章于 2023-11-08 11:02:23 发布
最新推荐文章于 2023-11-08 11:02:23 发布
阅读量3.2k 收藏 2
点赞数
分类专栏： JavaScript 前端 编程 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fengqianlang/article/details/131275711
版权
编程 同时被 3 个专栏收录
180 篇文章 5 订阅
订阅专栏
前端
51 篇文章 2 订阅
订阅专栏
JavaScript
36 篇文章 0 订阅
订阅专栏

本文将讨论如何使用 JavaScript 事件和函数在网页执行期间以编程方式获取域名。

域名

我们使用域名从客户端应用程序访问网站或网页。 它是映射到 IP 地址（数字）的文本格式字符串。

用户在 Web 浏览器搜索中键入以调用特定网站的字符串称为域名。 例如，delftstack.com 是 DelftStack 的域名。

例子：

let url = "https://www.jiyik.com/" // jiyik.com is a domain name

假设我们正在开发一个网站或网页。 在某些情况下，我们需要在网站运行期间以编程方式找出并使用当前域名。

在这种情况下，我们可以使用 JavaScript 来处理它。

在 JavaScript 中获取域名

现在，如果我们打开浏览器的控制台并获取对象 window.location.hostname，我们可以看到该页面的主机名是 delftstack.com。

window.location 是 JavaScript 中的一个对象，它可以找到当前页面的 URL 作为字符串，我们可以将浏览器重定向到另一个页面。

属性 window.location.hostname 将返回当前页面的互联网主机名。 如果我们的网页在实时域名托管上，我们可以使用 window.location.hostname 获取 URL。

语法:

let hostname = window.location.hostname

示例:

<!DOCTYPE html>
<html>
<body>

<h1>迹忆客 learnig</h1>
    <h2>JavaScript get domain name example</h2>

<p id="para"></p>

<script>
let result = ''
let removeValue = 'www.'
let domainName = window.location.hostname;
   result = domainName.replace(removeValue,'')


document.getElementById("para").innerHTML =
"Current page hostname is: " + result;
</script>

</body>
</html>

代码解释：

  1. 在上面的 HTML 源代码中，我们使用了段落元素标记 <p></p> 并将 Id 分配给该元素。
  2. 在 <script> 标签内，我们用 window.location.hostname 声明并初始化了 domainName 变量。 我们将获得字符串形式的完整 URL。
  3. 现在，要修剪该字符串以仅查找域，我们已经初始化了变量 removeValue 并分配了 www…
  4. 我们在 JavaScript 默认方法 replace() 中使用了该变量来删除 www. 从 URL 并将最终值存储在结果变量中。
  5. 最后，在 document.getElementById() 方法的帮助下，我们显示了结果字符串。
  6. 您可以使用 HTML 扩展名保存上述源代码并查看结果，确保在活动域上托管该 HTML 文档。

使用本地存储的 HTML 文档

如果您没有实时域名托管，您可以使用 window.location.href 在您的系统上找到本地存储网页的路径。 它将返回 HTML 文档的完整路径。

语法：

let pathValue = window.location.href // file:///C:/Users/username/foldername/filename.html
迹忆客
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
如何从 JavaScript 中的 URL 获取域名
我的博客，不一样的自我表达
05-29 1520
注意- 如果您希望从浏览器中查看的当前页面获取域名，您可以简单地使用window.location.hostname. 本教程适用于需要从作为数据源一部分的 URL 中提取域名的用户。在本教程中，我将向您展示如何使用 JavaScript 从 URL 获取域名。网络上的许多教程都使用复杂的正则表达式来完成此任务，但可以使用URL API以更直接的方式完成。目前，所有现代浏览器都支持 URL API ，并提供适用于 IE 的 polyfill。如果你喜欢我的文章，记得关注获取更多的信息。
jquery获取网站域名
12-13
jjquery获取网站域名
JS获取url参数、主域名的方法实例分析
01-19
本文实例讲述了JS获取url参数、主域名的方法。分享给大家供大家参考，具体如下： [removed] alert(location.hostname) alert(location.port) alert(location.pathname) alert(location.search) [removed] [removed] function winsx(url) //URL传递的参数 { var winurl =url?url:(unescape[removed].href)); var wlp = winurl.split(?)[1]; var wincs = wl
JS 获取域名部分
04-26
NULL 博文链接：https://onestopweb.iteye.com/blog/2356618
javascript判断并获取注册表中可信任站点的方法
10-24
主要介绍了javascript判断并获取注册表中可信任站点的方法,可实现针对域名和IP的可信任站点判断功能,需要的朋友可以参考下
js获取当前域名、Url、相对路径和参数
weixin_45828554的博客
05-08 6514
举例：假如当前 Url 是 http// www. liangshunet. com/pub/item.aspx?t=osw7，则截取到的相对路径为：/pub/item.aspx。举例：假如当前 Url 是 http// www. liangshunet. com/pub/item.aspx?t=osw7，则截取到的参数部分为：t=osw7。由于获取到的当前域名不包括 http://，所以把获取到的域名赋给 a 标签的 href 时，别忘了加上 http://，否则单击链接时导航会出错。
js获取域名的方法
李瑞清的博客
05-29 3841
说明 本文实例讲述了js获取域名的方法，分享给大家供大家参考，具体实现方法如下： 代码示例 <script> //获取域名 var host = window.location.host; var host2 = document.domain; //获取页面完整地址 var url = window.location.href; </script> 运行结果如下： host:www.wicode.cn host2:www.wicode.cn url:http://www.wico
获取JS当前的域名
qq_44759522的博客
03-26 4233
const hostname = document.location.hostname;
js获取当前域名、Url、相对路径和参数以及指定参数
rainbow
03-21 916
一、用js获取当前域名 1.方法一 var domain = document.domain; 2.方法二 var domain = window.location.host; 注意：由于以上方法获取的时候是没有获取到http://或者https://，做判断和切割时需要注意。 二、用js获取当前的url 1.方法一...
在JS中获取当前域名和端口号以及完整URL
最新发布
qq_31594665的博客
11-08 1073
1.获取当前项目域名。
javascript判断并获取可信任站点
04-19
自己整理的js判断并获取可信任站点的小DEMO，希望对下载的朋友有所帮助~~~
JavaScript获取URL汇总
12-03
URL即统一资源定位符 (Uniform Resource Locator, URL)，完整的URL由这几个部分构成： scheme://host:port/path?query#fragment scheme:通信协议，常用的http,ftp,maito等。 host:主机，服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。 port:端口号，整数，可选，省略时使用方案的默认端口，如http的默认端口为80。 path:路径，由零或多个”/”符号隔开的字符串，一般用来表示主机上的一个目录或文件地址。 query:查询，可选，用于给动态网页（如使用CGI、ISAPI、PHP/JSP
tld.min.js 获取域名的js
06-06
获取主域名的tld.min.js
getDomain:在JS中获取域使用RegExp
05-25
nodejs 模块 getDomina根据url获取到相应的域名安装方法npm install git://github.com/CUNTIE/getDomain.git --save使用方法示例var getDomain = require('./../lib/getDomain');getDomain('http://www.rutube.com')...
详解javascript获取url信息的常见方法
11-29
先以“http://www.cnblogs.com/wuxibolgs329/p/6188619.html#flag?test=12345”为例，然后获得它的各个组成部分。...2、获取页面的域名 var host = [removed].host; //www.cnblogs.com var host2 = document.domain;
js-fqdn:获取 FQDN（完全限定域名）
05-31
获取 FQDN（完全限定域名）。 用法 var fqdn = require('js-fqdn'); fqdn(function (err, hostname) { if (err) { console.log(err); } else { console.log(hostname); } }); 仅适用于 Linux。
vetmanager-url-getter:通过诊所域名获取完整网址的简单包
05-30
通过诊所域名获取完整网址的简单包 安装 使用可以： npm install vetmanager-url-getter 用法： const vm_url = require('vetmanager-url-getter'); console.log(vm_url('devtr6')); // output: ...
electron中获取当前网页域名
05-30
在 Electron 中，可以使用 `webContents` 对象中的 `getURL()` 方法获取当前网页的完整 URL，然后使用 JavaScript 中的 `URL` 对象获取域名。 例如，在渲染进程中，可以使用以下代码获取当前网页的域名： ```javascript const { remote } = require('electron'); const url = require('url'); const currentUrl = remote.getCurrentWebContents().getURL(); const currentDomain = url.parse(currentUrl).hostname; console.log(currentDomain); ``` 在主进程中，可以使用以下代码获取当前网页的域名： ```javascript const { BrowserWindow } = require('electron'); const url = require('url'); const currentUrl = BrowserWindow.getFocusedWindow().webContents.getURL(); const currentDomain = url.parse(currentUrl).hostname; console.log(currentDomain); ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

迹忆客

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值