JavaScript是一門強大的編程語言，除了可以運用在網頁開發中的效果增強和交互中，還可以使用它來進行查詢天氣，獲取天氣信息是一個非常應用廣泛的功能，下面我們來看一下如何使用JavaScript來查詢天氣。

首先，我們需要獲取一個開放的天氣API，可以選擇免費的或有收費的，比如阿里云、心知天氣等。然后，我們需要通過JavaScript代碼來調用API接口，獲取天氣數據。以心知API為例：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.seniverse.com/v3/weather/now.json?key=your_api_key&location=beijing&language=zh-Hans&unit=c', true);
xhr.onreadystatechange = function(){
if (xhr.readyState === 4 && xhr.status === 200){
var result = JSON.parse(xhr.responseText);
console.log(result);
}
};
xhr.send();

上述代碼中，我們使用XMLHttpRequest對象來獲取API數據，其中的location參數表示中文城市名，我們也可以使用經緯度來查詢。JSON.parse()函數用于將字符串形式的JSON數據轉換成對象，這里我們將數據輸出到控制臺。你可以在控制臺中查看輸出結果，看看具體的數據是什么。

接著，我們需要在網頁中展示獲取到的數據，比如當前溫度、風向、風力等。我們可以使用DOM操作來在網頁上添加HTML元素，并將獲取到的數據賦值給元素，以在網頁上顯示。示例代碼如下：

var resultDiv = document.querySelector('#result');
var temperature = document.createElement('p');
var wind = document.createElement('p');
temperature.innerHTML = '當前溫度：'+result.results[0].now.temperature+'℃';
wind.innerHTML = '當前風向：'+result.results[0].now.wind_direction+'，風力等級：'+result.results[0].now.wind_scale;
resultDiv.appendChild(temperature);
resultDiv.appendChild(wind);

上面的代碼中，我們用document.querySelector()方法獲取了網頁中的一個id為result的div元素，然后創建了兩個p標簽元素，將獲取到的溫度和風向等信息分別賦值給它們。最后，使用appendChild()方法將這兩個p元素添加到resultDiv中。

這樣就實現了在網頁中獲取、展示天氣信息的功能。當然，還有很多可以優化和改進的地方，比如使用異步方法來獲取數據、添加錯誤處理等等。JavaScript是一門靈活性很高的語言，我們可以根據自己的需求來編寫代碼，實現更多的功能。