如何在JavaScript?中獲取域名
本文將討論如何使用 JavaScript 事件和函數(shù)在網(wǎng)頁執(zhí)行期間以編程方式獲取域名。
域名
我們使用域名從客戶端應(yīng)用程序訪問網(wǎng)站或網(wǎng)頁。 它是映射到 IP 地址（數(shù)字）的文本格式字符串。
用戶在 Web 瀏覽器搜索中鍵入以調(diào)用特定網(wǎng)站的字符串稱為域名。 例如，delftstack.com 是 DelftStack 的域名。
例子：
let url = "https://www.jiyik.com/" // jiyik.com is a domain name
假設(shè)我們正在開發(fā)一個網(wǎng)站或網(wǎng)頁。 在某些情況下，我們需要在網(wǎng)站運行期間以編程方式找出并使用當(dāng)前域名。
在這種情況下，我們可以使用 JavaScript 來處理它。
在 JavaScript 中獲取域名
現(xiàn)在，如果我們打開瀏覽器的控制臺并獲取對象 window.location.hostname，我們可以看到該頁面的主機名是 delftstack.com。
window.location 是 JavaScript 中的一個對象，它可以找到當(dāng)前頁面的 URL 作為字符串，我們可以將瀏覽器重定向到另一個頁面。
屬性 window.location.hostname 將返回當(dāng)前頁面的互聯(lián)網(wǎng)主機名。 如果我們的網(wǎng)頁在實時域名托管上，我們可以使用 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…
- 我們在 JavaScript 默認(rèn)方法
replace()中使用了該變量來刪除 www. 從 URL 并將最終值存儲在結(jié)果變量中。 - 最后，在
document.getElementById()方法的幫助下，我們顯示了結(jié)果字符串。您可以使用 HTML 擴展名保存上述源代碼并查看結(jié)果，確保在活動域上托管該 HTML 文檔。
使用本地存儲的 HTML 文檔
如果您沒有實時域名托管，您可以使用 window.location.href 在您的系統(tǒng)上找到本地存儲網(wǎng)頁的路徑。 它將返回 HTML 文檔的完整路徑。
語法：
let pathValue = window.location.href // file:///C:/Users/username/foldername/filename.html
到此這篇關(guān)于在 JavaScript 中獲取域名的文章就介紹到這了,更多相關(guān)js獲取域名內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家詳細介紹了JavaScript File API實現(xiàn)文件上傳預(yù)覽的詳細代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-02-02
這篇文章主要介紹了JavaScript實現(xiàn)的一個倒計時的類,本文直接給出demo代碼,需要的朋友可以參考下2015-03-03
本篇文章主要是對JS 獲取各種瀏覽器窗口大小的方法進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
這篇文章主要介紹了如何利用HTML+CSS+JS模仿Windows實現(xiàn)桌面主題特效，文中的示例代碼講講詳細，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2022-06-06
本篇文章主要介紹了Ionic3實現(xiàn)圖片瀑布流布局，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
編寫高質(zhì)量JavaScript代碼的基本要點分享給大家，感興趣的小伙伴們可以參考一下2016-03-03
js實現(xiàn)背景圖片感應(yīng)鼠標(biāo)變化的方法
這篇文章主要介紹了js實現(xiàn)背景圖片感應(yīng)鼠標(biāo)變化的方法,實例分析了javascript針對鼠標(biāo)事件與css樣式圖片的操作技巧,需要的朋友可以參考下2015-02-02
下面小編就為大家?guī)硪黄僯s的右下角彈窗實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
這篇文章主要介紹了詳解如何愉快的在微信小程序中使用SVG圖標(biāo),文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
javascript中l(wèi)ayim之查找好友查找群組
這篇文章主要介紹了javascript中l(wèi)ayim之查找好友查找群組,本文給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-02-02