如何在JavaScript?中獲取域名
本文將討論如何使用 JavaScript 事件和函數(shù)在網(wǎng)頁(yè)執(zhí)行期間以編程方式獲取域名。
域名
我們使用域名從客戶端應(yīng)用程序訪問網(wǎng)站或網(wǎng)頁(yè)。 它是映射到 IP 地址（數(shù)字）的文本格式字符串。
用戶在 Web 瀏覽器搜索中鍵入以調(diào)用特定網(wǎng)站的字符串稱為域名。 例如，delftstack.com 是 DelftStack 的域名。
例子：
let url = "https://www.jiyik.com/" // jiyik.com is a domain name
假設(shè)我們正在開發(fā)一個(gè)網(wǎng)站或網(wǎng)頁(yè)。 在某些情況下，我們需要在網(wǎng)站運(yùn)行期間以編程方式找出并使用當(dāng)前域名。
在這種情況下，我們可以使用 JavaScript 來處理它。
在 JavaScript 中獲取域名
現(xiàn)在，如果我們打開瀏覽器的控制臺(tái)并獲取對(duì)象 window.location.hostname，我們可以看到該頁(yè)面的主機(jī)名是 delftstack.com。
window.location 是 JavaScript 中的一個(gè)對(duì)象，它可以找到當(dāng)前頁(yè)面的 URL 作為字符串，我們可以將瀏覽器重定向到另一個(gè)頁(yè)面。
屬性 window.location.hostname 將返回當(dāng)前頁(yè)面的互聯(lián)網(wǎng)主機(jī)名。 如果我們的網(wǎng)頁(yè)在實(shí)時(shí)域名托管上，我們可以使用 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 源代碼中，我們使用了段落元素標(biāo)記
<p></p>并將 Id 分配給該元素。 - 在
<script>標(biāo)簽內(nèi)，我們用 window.location.hostname 聲明并初始化了 domainName 變量。 我們將獲得字符串形式的完整 URL。 - 現(xiàn)在，要修剪該字符串以僅查找域，我們已經(jīng)初始化了變量 removeValue 并分配了 www…
- 我們?cè)?JavaScript 默認(rèn)方法
replace()中使用了該變量來刪除 www. 從 URL 并將最終值存儲(chǔ)在結(jié)果變量中。 - 最后，在
document.getElementById()方法的幫助下，我們顯示了結(jié)果字符串。您可以使用 HTML 擴(kuò)展名保存上述源代碼并查看結(jié)果，確保在活動(dòng)域上托管該 HTML 文檔。
使用本地存儲(chǔ)的 HTML 文檔
如果您沒有實(shí)時(shí)域名托管，您可以使用 window.location.href 在您的系統(tǒng)上找到本地存儲(chǔ)網(wǎng)頁(yè)的路徑。 它將返回 HTML 文檔的完整路徑。
語法：
let pathValue = window.location.href // file:///C:/Users/username/foldername/filename.html
到此這篇關(guān)于在 JavaScript 中獲取域名的文章就介紹到這了,更多相關(guān)js獲取域名內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
詳解微信小程序?qū)崿F(xiàn)跑馬燈效果（附完整代碼）
這篇文章主要介紹了微信小程序跑馬燈效果，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
javaScript之split與join的區(qū)別(詳解)
下面小編就為大家?guī)硪黄猨avaScript之split與join的區(qū)別(詳解)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-11-11
在做項(xiàng)目時(shí)碰到了要在頁(yè)面上顯示一個(gè)浮動(dòng)DIV層的效果。本來做的是在頁(yè)面居中時(shí)顯示的，但后來經(jīng)過自己的測(cè)試發(fā)現(xiàn)，當(dāng)網(wǎng)頁(yè)中出現(xiàn)了滾動(dòng)條之后，那個(gè)浮動(dòng)的DIV卻還是在頁(yè)面的頂部顯示的2012-01-01
ECMAScript6輪播圖實(shí)踐知識(shí)總結(jié)
最近萌生了用ECMAScript6寫一個(gè)輪播圖的想法，以前就知道ECMAScript6，但是一直沒有學(xué)，現(xiàn)在終于下決心學(xué)了，本篇文章會(huì)總結(jié)在實(shí)踐中用到的ES6的知識(shí)。2016-08-08
js統(tǒng)計(jì)錄入文本框中字符的個(gè)數(shù)并加以限制不超過多少
為了更直觀的體現(xiàn)用戶在文本框輸入文本時(shí)能看到自己輸入了多少字，并且有些特殊的要求字?jǐn)?shù)不超過多少，本文給出了具體的實(shí)現(xiàn)2014-05-05
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-10-10
微信小程序利用canvas 繪制幸運(yùn)大轉(zhuǎn)盤功能
本文通過一段簡(jiǎn)單的實(shí)例代碼給大家介紹微信小程序利用canvas 繪制幸運(yùn)大轉(zhuǎn)盤，代碼很簡(jiǎn)單，感興趣的朋友跟隨腳本之家小編一起看看吧2018-07-07
layui 地區(qū)三級(jí)聯(lián)動(dòng) form select 渲染的實(shí)例
今天小編就為大家分享一篇layui 地區(qū)三級(jí)聯(lián)動(dòng) form select 渲染的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
在本文里小編給各位分享的是關(guān)于js中switch語句的使用方法及學(xué)習(xí)筆記內(nèi)容，有興趣的朋友們可以參考下。2020-03-03
JavaScript性能優(yōu)化之提升頁(yè)面加載速度的七個(gè)技巧
在現(xiàn)代Web開發(fā)中,性能優(yōu)化是一個(gè)永恒的話題,隨著用戶對(duì)頁(yè)面加載速度的要求越來越高,JavaScript的性能優(yōu)化顯得尤為重要,最近,我在一個(gè)大型電商項(xiàng)目中通過實(shí)施7個(gè)關(guān)鍵的JavaScript優(yōu)化技巧,成功將頁(yè)面加載速度提升了65%,本文將詳細(xì)分享這些實(shí)戰(zhàn)經(jīng)驗(yàn)2025-11-11