如今，在現代web開發技術中，JavaScript已經成為了最受歡迎的編程語言之一。尤其是在前端開發中，無論是網頁布局還是用戶體驗，JavaScript都扮演著至關重要的角色。而獲取header也是JavaScript開發中的重要任務之一。

首先，要明確header是什么。Header是HTTP協議中的一部分，它由多個字段構成，用于描述報文。其中最常見的字段有Content-Type、Content-Length、User-Agent等。獲取header有很多方式，可以通過代碼來實現。主要有兩種方法：XMLHttpRequest對象和fetch方法。

//通過XMLHttpRequest對象獲取header
let xhr = new XMLHttpRequest();
xhr.open('HEAD', 'http://www.example.com/', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.getAllResponseHeaders());
}
};
xhr.send();

上述代碼中，首先創建一個XMLHttpRequest對象，然后通過open方法以HEAD方式發送請求。HEAD方式只請求響應頭，并不會請求數據體。當readyState為4，狀態碼為200時，使用getAllResponseHeaders()方法獲取響應頭。

//通過fetch方法獲取header
fetch('http://www.example.com/', {
method: 'HEAD'
}).then(response =>{
console.log(response.headers);
});

上述代碼中，使用fetch方法請求網站，設定請求方式為HEAD。當返回響應頭后，使用response.headers獲取響應頭。

除了上述兩種方法，還有一個更簡單的方式可以獲取header——location對象。location對象包含了瀏覽器地址欄中的完整URL，可以通過其中的相關屬性獲取header。

//通過location對象獲取header
console.log(location.host);         //獲取主機名
console.log(location.pathname);     //獲取路徑
console.log(location.search);       //獲取查詢參數
console.log(location.hash);         //獲取錨點
console.log(location.port);         //獲取端口
console.log(location.protocol);     //獲取協議

通過上述代碼，我們可以輕松地獲取header中的各個部分。這種方式非常簡單易用。

總的來說，獲取header的方法有很多種。不同的方法適用于不同的場景。我們需要在實際開發中根據需求，選擇最適合我們的方式。