在 JavaScript 中获取域名

这篇具有很好参考价值的文章主要介绍了在 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>

代码解释:

  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 文档的完整路径。

语法:文章来源地址https://www.toymoban.com/news/detail-494925.html

let pathValue = window.location.href // file:///C:/Users/username/foldername/filename.html

到了这里,关于在 JavaScript 中获取域名的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • javaScript 如何获取对象中非空的属性

    要获取JavaScript对象中所有具有值的属性,您可以使用 Object.entries()方法结合Array.prototype.filter()方法。以下是一个示例代码: 在上述示例中,我们定义了一个带有多个属性的对象 obj 。其中, city 属性的值为空字符串。 使用 Object.entries(obj) 可以将一个对象转换为包含  键值对

    2024年02月15日
    浏览(42)
  • 【人工智能】企业如何使用 AI与人工智能的定义、研究价值、发展阶段的深刻讨论

    前言 人工智能(Artificial Intelligence),英文缩写为AI 。 它是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门新的技术科学。人工智能是新一轮科技革命和产业变革的重要驱动力量。 📕作者简介: 热爱跑步的恒川 ,致力于C/C++、Java、Python等

    2024年02月08日
    浏览(68)
  • Vivado时序约束TCL命令——获取引脚(get_pins)在FPGA设计中起着重要作用。本文将为大家详细介绍get_pins命令的语法和使用方法。

    Vivado时序约束TCL命令——获取引脚(get_pins)在FPGA设计中起着重要作用。本文将为大家详细介绍get_pins命令的语法和使用方法。 get_pins命令用于获取指定对象(Object)的引脚(Pin)列表。我们可以使用get_pins来获取具有特定命名约定的引脚(如CLOCK、RESET等),并通过对这些引

    2024年02月05日
    浏览(61)
  • 如何在JavaScript中获取当前时间yyyymmddhhmmss? (六种实现方式)

    在编写JavaScript代码时,我们经常需要获取当前日期和时间。在本文中,我们将介绍几种获取当前时间并将其格式化为 yyyymmddhhmmss 的字符串的方法。 在JavaScript中,我们可以使用 Date 对象来获取当前日期和时间。下面是一个示例代码: 在上面的代码中,我们使用 getFullYear 、

    2024年02月11日
    浏览(48)
  • [toolschain] 怎么运用git 嵌套git 管理(子文件夹中也有个git) 并且如何简单设置使用repo的笔记 本文是求助GPT的记录 实践有用

    Q:一个文件夹a,a中的文件被a中的git 1管理,同时与a平级有一个git2,怎么让git 也能管理到git1 的内容 A:如果你想让一个 Git 仓库(git2)也能管理另一个 Git 仓库(git1)的内容,你可以使用 Git 的子模块(submodule)功能。子模块允许一个 Git 仓库包含另一个 Git 仓库,使得你可

    2024年02月04日
    浏览(65)
  • JavaScript 获取时间范围(当天,本月(30天间隔),momentJS基本使用)

    这个比较简单,直接把同一天的时间数都换成0即可 这里也简单的,直接用时间戳来转换就可以了 以上两个方式是自己写的,如果需要也可以使用第三方库,项目中采用的也比较多 momentJS官方API地址:http://momentjs.cn/ 以下示例代码来自官方,可直接在官方地址查看 日期格式化

    2023年04月08日
    浏览(40)
  • 如何在无域名的情况下使用nginx部署https站点

    1. 生成SSL密钥 访问网站生成SSL密钥文件和CSR文件,csr.chinassl.net 域名就填写IP地址就好,然后点击 “生成CSR”文件,此时会生成2个文件,分别是CSR文件和KEY文件,分别点击 下载,分别保存为“your_ip_csr.txt”文件和“your_ip_key.txt”文件。 2. 生成SSL证书 访问网站生成SSL证书,

    2023年04月09日
    浏览(39)
  • 如何使用自己域名进行远程访问内网群晖NAS 6.X

    在之前的文章中,我们向大家演示了如何使用cpolar,创建一条固定的、能够在公共互联网登录内网群晖NAS的数据隧道。这条隧道已经能够应对大多数情况。不过我们能看到,在公网登录内网群晖NAS时,使用的协议为http,而cpolar又支持自定义域名,那么我们完全可以更进一步,

    2024年02月14日
    浏览(36)
  • 【JavaScript】函数 ⑥ ( 使用 arguments 获取所有实参 | arguments 内置对象 | 伪数组概念 )

    在 定义 JavaScript 函数 时 , 有时 不确定 形参的个数 , 形参写少了不够用 , 写多了又很浪费 , 这里 推荐使用 arguments 内置参数对象 ; 在 JavaScript 的 每个函数 的 内部都可以访问 内置的 arguments 对象 , 该对象中 包含了 调用者 传递给函数的所有 实参 , 即使 在 函数 形参 中没有明

    2024年04月22日
    浏览(46)
  • javaScript中对象使用遍历渲染键值对取值,Vue的{{}}中写方法获取值。

     类似于这样的数据有若干条,我们希望展示的方式为 我的朋友:         陪我同眠的床伴【熊猫:花花,狗熊:阿壮】 此时在代码中的应该如果来写? {{ item[Object.keys(item)[0]] }} 会显示数组元素的值,而 (Object.keys(item)[0]) 会显示数组元素的键。 i tem[Object.keys(item)[0]]会根

    2024年01月17日
    浏览(34)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包