在Web开发中，我们经常需要获取网页的源码，以便于对其进行分析、处理或者修改。JavaScript作为浏览器端的脚本语言，可以通过一些API来获取网页的HTML源码，方便进行进一步的操作。

我们可以通过window对象中的document属性获取当前页面的文档对象，然后使用该文档对象的innerHTML属性获取网页的HTML源码。例如：

var html = document.documentElement.innerHTML;
console.log(html);

上述代码中，我们首先通过document.documentElement获取当前页面的根元素，即HTML元素。然后，我们使用innerHTML属性获取HTML元素的内部HTML代码，即整个网页的源码。最后，我们使用console.log将HTML代码输出到控制台。

除了innerHTML属性外，我们还可以使用outerHTML属性获取HTML元素的外部HTML代码，即整个网页的HTML源码。例如：

var html = document.documentElement.outerHTML;
console.log(html);

上述代码中，我们除了使用innerHTML属性外，还使用outerHTML属性来获取HTML元素的整个HTML代码。同样地，我们将HTML代码输出到控制台。

除了直接获取网页的源码外，我们还可以使用XMLHttpRequest对象来获取指定URL的HTML源码。例如：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://www.baidu.com', true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
console.log(xhr.responseText);
}
};
xhr.send();

上述代码中，我们首先创建了一个XMLHttpRequest对象，然后使用open方法指定了要获取的URL以及请求的方式（GET或者POST）。接着，我们使用onreadystatechange属性指定了一个回调函数，该函数会在XMLHttpRequest对象状态改变时被调用。最后，我们使用send方法发送请求，并在回调函数中使用responseText属性获取服务器返回的HTML源码。

需要注意的是，由于XMLHttpRequest对象是跨域的，因此在使用该方法获取HTML源码时，需要考虑浏览器的同源策略限制，防止网络安全问题的发生。