js獲取主機域名程式碼例項
本章節分享一段程式碼例項,它實現了獲取主機域名效果。
程式碼如下:
[JavaScript] 純文字檢視 複製程式碼function getHost(url) { var host = "null"; if(typeof url == "undefined"|| null == url) { url = window.location.href; } var regex = /^\w+\:\/\/([^\/]*).*/; var match = url.match(regex); if(typeof match != "undefined" && null != match) { host = match[1]; } return host; } console.log(getHost());
上面的程式碼實現了我們的要求,下面介紹一下它的實現過程。
一.程式碼註釋:
(1).function getHost(url) {},引數是url地址,可以省略。
(2).var host = "null",宣告一個變數並賦初值為字串null。(3).if(typeof url == undefined|| null == url) {
url = window.location.href;
},如果沒有傳遞url引數。
(4).var regex = /^\w+\:\/\/([^\/]*).*/,此正規表示式可以匹配域名。
(5).var match = url.match(regex),進行匹配。
(6).if(typeof match != "undefined" && null != match) {
host = match[1];
},如果匹配成功,也就是獲取了相關值,那麼就獲取域名。
二.相關閱讀:
(1).window.location.href可以參閱location.href屬性一章節。
(2).match()可以參閱正規表示式match()函式一章節。
相關文章
- JavaScript 獲取主機名程式碼JavaScript
- 獲取倒數第幾個元素程式碼例項
- React獲取元件例項React元件
- JavaScript取餘數程式碼例項JavaScript
- JS 預編譯程式碼例項分析JS編譯
- js獲取北京時間程式碼JS
- jquery.idTabs.min.js選項卡程式碼例項jQueryJS
- 127 PHP獲取網頁標題的3種實現方法程式碼例項PHP網頁
- 獲取當前Tomcat例項的埠Tomcat
- Nacos - 客戶端例項列表獲取客戶端
- openstack命令建立雲主機例項
- ajax讀取資料庫資料程式碼例項資料庫
- JavaScript讀取文字檔案內容程式碼例項JavaScript
- 從例項程式碼講解Node.js Event loop執行機制(1.0.1)Node.jsOOP
- canvas繪製機器貓程式碼例項Canvas
- CSS3紙飛機程式碼例項CSSS3
- .NET控制檯獲取依賴注入例項依賴注入
- Node.js 執行 shell 命令 主程式獲取返回值Node.js
- Bash 指令碼例項:獲取符號連結的目標位置指令碼符號
- dom操作程式碼例項
- css梯形程式碼例項CSS
- 對比分析Java反射獲取例項的速度Java反射
- Vue使用Ref跨層級獲取元件例項Vue元件
- PHP 正則獲取域名(一級域名)PHP
- 前端學習程式碼例項-JavaScript 生成隨機數前端JavaScript隨機
- 一文梳理獲取本地IP和遠端IP的各種方式,附Python程式碼例項Python
- JavaScript in運算子程式碼例項JavaScript
- 設計模式例項程式碼設計模式
- table表格美化程式碼例項
- activiti 根據 流程例項ID 獲取發起人
- iOS 程式碼 獲取wifi資訊 及主動連線WiFiiOSWiFi
- 純css tab選項卡程式碼例項CSS
- jQuery tab選項卡效果程式碼例項jQuery
- 獲取 NodeJS 程式退出碼NodeJS
- 模型關聯 一對一 獲取關聯模型例項模型
- 爬蟲例項-淘寶頁面商品資訊獲取爬蟲
- Angular 使用 Injector API 人工獲取依賴注入的例項AngularAPI依賴注入
- 解析域名,獲取域名ip並輸出到終端
- canvas刮刮樂程式碼例項Canvas