欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

如何在JavaScript?中獲取域名

 更新時間：2023年06月21日 15:27:41   作者：跡憶客  
本文將討論如何使用?JavaScript?事件和函數在網頁執(zhí)行期間以編程方式獲取域名，本文結合示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友參考下吧

本文將討論如何使用 JavaScript 事件和函數在網頁執(zhí)行期間以編程方式獲取域名。

域名

我們使用域名從客戶端應用程序訪問網站或網頁。 它是映射到 IP 地址（數字）的文本格式字符串。

用戶在 Web 瀏覽器搜索中鍵入以調用特定網站的字符串稱為域名。 例如，delftstack.com 是 DelftStack 的域名。

例子：

let url = "https://www.jiyik.com/" // jiyik.com is a domain name

假設我們正在開發(fā)一個網站或網頁。 在某些情況下，我們需要在網站運行期間以編程方式找出并使用當前域名。

在這種情況下，我們可以使用 JavaScript 來處理它。

在 JavaScript 中獲取域名

現在，如果我們打開瀏覽器的控制臺并獲取對象 window.location.hostname，我們可以看到該頁面的主機名是 delftstack.com。

window.location 是 JavaScript 中的一個對象，它可以找到當前頁面的 URL 作為字符串，我們可以將瀏覽器重定向到另一個頁面。

屬性 window.location.hostname 將返回當前頁面的互聯(lián)網主機名。 如果我們的網頁在實時域名托管上，我們可以使用 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 在您的系統(tǒng)上找到本地存儲網頁的路徑。 它將返回 HTML 文檔的完整路徑。

語法：

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

到此這篇關于在 JavaScript 中獲取域名的文章就介紹到這了,更多相關js獲取域名內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

相關文章

  • JavaScript File API文件上傳預覽

    JavaScript File API文件上傳預覽

    這篇文章主要為大家詳細介紹了JavaScript File API實現文件上傳預覽的詳細代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2016-02-02
  • JavaScript實現的一個倒計時的類

    JavaScript實現的一個倒計時的類

    這篇文章主要介紹了JavaScript實現的一個倒計時的類,本文直接給出demo代碼,需要的朋友可以參考下
    2015-03-03
  • JS獲取各種瀏覽器窗口大小的方法

    JS獲取各種瀏覽器窗口大小的方法

    本篇文章主要是對JS 獲取各種瀏覽器窗口大小的方法進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
    2014-01-01
  • JS仿Windows實現桌面主題特效

    JS仿Windows實現桌面主題特效

    這篇文章主要介紹了如何利用HTML+CSS+JS模仿Windows實現桌面主題特效，文中的示例代碼講講詳細，感興趣的小伙伴可以跟隨小編一起學習一下
    2022-06-06
  • Ionic3實現圖片瀑布流布局

    Ionic3實現圖片瀑布流布局

    本篇文章主要介紹了Ionic3實現圖片瀑布流布局，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2017-08-08
  • 編寫高質量JavaScript代碼的基本要點

    編寫高質量JavaScript代碼的基本要點

    編寫高質量JavaScript代碼的基本要點分享給大家，感興趣的小伙伴們可以參考一下
    2016-03-03
  • js實現背景圖片感應鼠標變化的方法

    js實現背景圖片感應鼠標變化的方法

    這篇文章主要介紹了js實現背景圖片感應鼠標變化的方法,實例分析了javascript針對鼠標事件與css樣式圖片的操作技巧,需要的朋友可以參考下
    2015-02-02
  • 純js的右下角彈窗實例

    純js的右下角彈窗實例

    下面小編就為大家?guī)硪黄僯s的右下角彈窗實例。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2017-03-03
  • 詳解如何愉快的在微信小程序中使用SVG圖標

    詳解如何愉快的在微信小程序中使用SVG圖標

    這篇文章主要介紹了詳解如何愉快的在微信小程序中使用SVG圖標,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
    2021-03-03
  • javascript中l(wèi)ayim之查找好友查找群組

    javascript中l(wèi)ayim之查找好友查找群組

    這篇文章主要介紹了javascript中l(wèi)ayim之查找好友查找群組,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
    2021-02-02

最新評論