在 JavaScript 中获取域名
本文将讨论如何使用 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>
代码解释:
-
在上面的 HTML 源代码中,我们使用了段落元素标记
<p></p>
并将 Id 分配给该元素。 -
在
<script>
标签内,我们用 window.location.hostname 声明并初始化了 domainName 变量。 我们将获得字符串形式的完整 URL。 - 现在,要修剪该字符串以仅查找域,我们已经初始化了变量 removeValue 并分配了 www..
-
我们在 JavaScript 默认方法
replace()
中使用了该变量来删除 www. 从 URL 并将最终值存储在结果变量中。 -
最后,在
document.getElementById()
方法的帮助下,我们显示了结果字符串。 - 您可以使用 HTML 扩展名保存上述源代码并查看结果,确保在活动域上托管该 HTML 文档。
使用本地存储的 HTML 文档
如果您没有实时域名托管,您可以使用 window.location.href
在您的系统上找到本地存储网页的路径。 它将返回 HTML 文档的完整路径。
语法:
let pathValue = window.location.href // file:///C:/Users/username/foldername/filename.html
相关文章
在 JavaScript 中清除 canvas 画布
发布时间:2023/06/03 浏览次数:166 分类:JavaScript
-
本文介绍如何在 JavaScript 中清除画布。在 JavaScript 中清除画布 canvas 元素帮助我们借助 JavaScript 绘制图形。 画布只是图形的容器,它需要JavaScript来绘制图形。
从 Java 代码调用外部 JavaScript 函数
发布时间:2023/06/03 浏览次数:150 分类:JavaScript
-
在本文中,我们将学习如何在 Java 程序中包含 JavaScript 源代码并从 Java 代码调用 JavaScript 函数。
在 Angular 中上传文件
发布时间:2023/04/14 浏览次数:71 分类:Angular
-
本教程演示了如何在 Angular 中上传任何文件。我们还将介绍如何在文件上传时显示进度条,并在上传完成时显示文件上传完成消息。
Angular 中所有 Mat 图标的列表
发布时间:2023/04/14 浏览次数:91 分类:Angular
-
本教程演示了在哪里可以找到 Angular 中所有 Mat 图标的列表以及如何使用它们。
Angular 2 中的复选框双向数据绑定
发布时间:2023/04/14 浏览次数:140 分类:Angular
-
本教程演示了如何一键标记两个复选框。这篇有 Angular 的文章将着眼于执行复选框双向数据绑定的不同方法。
在 AngularJS 中重新加载页面
发布时间:2023/04/14 浏览次数:142 分类:Angular
-
我们可以借助 windows.location.reload 和 reload 方法在 AngularJS 中重新加载页面。
在 AngularJs 中设置 Select From Typescript 的默认选项值
发布时间:2023/04/14 浏览次数:82 分类:Angular
-
本教程提供了在 AngularJs 中从 TypeScript 中设置 HTML 标记选择的默认选项的解释性解决方案。
在 AngularJS 中启用 HTML5 模式
发布时间:2023/04/14 浏览次数:150 分类:Angular
-
本文讨论如何在 AngularJS 应用程序上启用带有深度链接的 HTML5 模式。
在 AngularJs 中加载 spinner
发布时间:2023/04/14 浏览次数:107 分类:Angular
-
我们将介绍如何在请求加载时添加加载 spinner,并在 AngularJs 中加载数据时停止加载器。