如何在JavaScript 中获取域名
更新时间：2023年06月21日 15:27:41 作者：迹忆客
本文将讨论如何使用 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 中获取域名的文章就介绍到这了,更多相关js获取域名内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要为大家详细介绍了JavaScript File API实现文件上传预览的详细代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-02-02
这篇文章主要介绍了JavaScript实现的一个倒计时的类,本文直接给出demo代码,需要的朋友可以参考下2015-03-03
本篇文章主要是对JS 获取各种浏览器窗口大小的方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
这篇文章主要介绍了如何利用HTML+CSS+JS模仿Windows实现桌面主题特效，文中的示例代码讲讲详细，感兴趣的小伙伴可以跟随小编一起学习一下2022-06-06
本篇文章主要介绍了Ionic3实现图片瀑布流布局，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
编写高质量JavaScript代码的基本要点分享给大家，感兴趣的小伙伴们可以参考一下2016-03-03
这篇文章主要介绍了js实现背景图片感应鼠标变化的方法,实例分析了javascript针对鼠标事件与css样式图片的操作技巧,需要的朋友可以参考下2015-02-02
下面小编就为大家带来一篇纯js的右下角弹窗实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-03-03
这篇文章主要介绍了详解如何愉快的在微信小程序中使用SVG图标,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-03-03
这篇文章主要介绍了javascript中layim之查找好友查找群组,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-02-02
最新评论