JS獲取域名的多方面闡述

一、JS獲取域名和端口

在前端開發中，有時需要獲取當前頁面的域名和端口。可以使用JavaScript語言中的window對象中的location屬性來獲取。location對象包含了當前頁面URL的信息，包括protocol、host、hostname、port、pathname、search和hash等屬性。其中，host屬性包含了域名和端口號。

  
  //獲取當前域名和端口號
  var domain = window.location.host;
  console.log('當前域名和端口號: ' + domain);
  

如果只需要獲取域名，可以使用hostname屬性。

  
  //獲取當前域名
  var domainName = window.location.hostname;
  console.log('當前域名: ' + domainName);
  

二、JS安全域名設置

JS中的安全域名設置是為了在跨域請求中防止被攻擊者偽造接口請求而設定的。如果不設置安全域名，在jquery等庫中的ajax請求中就可以很容易被攻擊者偽造接口請求，從而進行危險操作。JS中可以通過document對象中的domain屬性進行安全域名的設置。

  
  //設置安全域名
  document.domain = 'baidu.com';
  

需要注意的是，設置的安全域名必須與訪問的頁面域名或者父級頁面域名相同，否則會出現訪問被拒絕的情況。

三、JS獲取變量名

在JS中，獲取變量名比較困難，因為JS中的變量名在代碼運行時就已經轉變成了相應的值。但是，可以通過將變量傳遞給一個函數，並將該變量轉換為字符串來獲取變量名。

  
  //獲取變量名
  function getVarName(variable){
    return Object.keys({variable})[0]
  }
  var test = 'Hello World';
  console.log('變量名為: ' + getVarName(test));
  

四、JS獲取當前域名地址

JS中可以使用window對象中的location屬性來獲取當前頁面的URL地址。在這個URL地址中，host位置即是當前頁面的域名。

  
  //獲取當前頁面URL
  var currentUrl = window.location.href;
  console.log('當前頁面URL為: ' + currentUrl);
  
  //獲取當前頁面域名
  var currentDomain = window.location.host;
  console.log('當前頁面域名為: ' + currentDomain);
  

五、JS獲取類名

在JS中，可以通過getElementsByClassName方法或querySelectorAll方法來獲取指定類名的DOM元素。

  
  //獲取指定類名的DOM元素
  var elements = document.getElementsByClassName('test');
  for(var i=0; i<elements.length; i++){
    console.log('類名為test的DOM元素為: ' + elements[i]);
  }
  

六、JS獲取網址域名

JS中可以通過正則表達式來獲取網址的域名。代碼如下：

  
  //獲取網址域名
  function getDomainFromUrl(url){
    var regex = /^(?:https?:\/\/)?(?:[^@\n]+@)?(?:www\.)?([^:\/\n]+)/im;
    return url.match(regex)[1];
  }
  var exampleUrl = 'https://www.google.com/search?q=javascript&oq=javascript&aqs=chrome.0.35i39i70i256j35i39l2j46j69i60.5891j1j7&sourceid=chrome&ie=UTF-8';
  console.log('網址域名為: ' + getDomainFromUrl(exampleUrl));
  

七、JS獲取當前域名

在JS中，可以通過window.location.host屬性來獲取當前域名。

  
  //獲取當前域名
  var currentDomain = window.location.host;
  console.log('當前域名為: ' + currentDomain);
  

八、JS獲取其他域名cookie

在JS中，客戶端不能訪問當前域以外的cookie，否則會因為瀏覽器的安全機制而被禁止。但是，客戶端可以在請求頭中加入相關信息，通過後端進行訪問以實現跨域。

  
  //通過後端實現獲取其他域名cookie
  $.ajax({
    url: 'http://otherdomain.com',
    xhrFields: {
      withCredentials: true
    },
    success: function(){
      //獲取otherdomain的cookie
      var otherDomainCookie = document.cookie;
      console.log('otherdomain的cookie: ' + otherDomainCookie);
    }
  });
  

九、JS如何獲取域名

JS中可以通過window對象中的location屬性來獲取當前頁面的URL，再通過字符串方法進行截取，即可獲得當前頁面的域名。

  
  //獲取當前域名
  var currentUrl = window.location.href;
  var currentDomain = currentUrl.split('/')[2];
  console.log('當前域名為: ' + currentDomain);
  

十、JS接口安全域名是什麼

JS接口安全域名是指通過HTTP請求等方式，服務器返回的數據安全域名。在前後端分離的架構中，前端通過HTTP請求獲取數據時，需要通過設置JS接口安全域名來防範攻擊者篡改接口請求。
例如，阿里雲API接口數據的獲取方式為淘寶賬號的安全域名+傳遞參數，即可通過API獲取數據。

  
  //阿里雲API數據獲取方式
  https://gw.alicdn.com/bao/https://freeapi.aliyun.com/:appId/:appSecret/:path