上午在做一個小項目時,需要從后臺取到網頁的路徑并在前臺用JS代碼組合成網址再跳轉。難度不是很大,主要是需要用到 js 代碼獲取當前網址的主域名,那么這篇博文,飛鳥慕魚博客就來和大家說一說,js獲取當前網站域名的方法。

js 匹配網址中主域名的方法

国产视频app在 js 中,可以使用 split() 方法利用字符 '/',來分割一個網址,并取出它主域名的部分

js代碼:

<script>
    var url = "http://xswdd.cn/post/522.html";
    //以“/”進行分割,urlstr 會是一個數組
    var urlstr = url.split("/"); 
    var urls = '';
    if (urlstr[2]) {
          // urlstr[0] 為 http 協議部份
            // urlstr[2] 為 網址域名部份
        urls = urlstr[0]+'//'+urlstr[2];
    }
    alert(urls);
</script>

国产视频app彈出結果:http://xswdd.cn

js 獲取當前網站域名的方法

PS:此方法,只適合處理帶有 http 或 https 協議的完整網址,如果輸入的是一個項級域名,沒有 http 協議的網址,就需要變換一下它的取值方法。

js 獲取當前網站域名的方法

国产视频app上面的代碼中,js可以通過一個完整的網址來提取出主域名。如果想提取當前網頁地址的主域名,可以使用 window.location.href 來獲取當前網頁的完整URL地址。

js代碼:

<script>
    //獲取當前網頁的完整地址
    var url = window.location.href;
    var urlstr = url.split("/"); //以“/”進行分割
    var urls = '';
    if (urlstr[2]) {
        urls = urlstr[0]+'//'+urlstr[2];
    }
    alert(urls);
</script>

国产视频app為了使用方法,可以將此代碼自定義成一個函數

函數代碼:

<script>
    function hosturl(url){
        var urlstr = url.split("/"); //以“/”進行分割
        var urls = '';
        if (urlstr[2]) {
            
            urls = urlstr[0] + '//' + urlstr[2];
        }
        return urls;
    }
</script>

調用方式:

<script>
url = hosturl('要提取域名的網址");
</script>