在前端開發中，獲取頁面是一項非常重要的技能，它可以幫助我們更好地掌握網頁的結構與內容，從而更好地進行開發和維護工作。而在JavaScript中，通過一些簡單的方法就可以輕松地獲取頁面中的元素、內容和屬性等信息。下面將對這些方法進行詳細介紹。

首先，我們可以使用JavaScript中的document對象來獲取頁面中的元素。例如，如果我們想要獲取網頁中的標題元素，可以使用以下代碼：

var titleElement = document.title;
console.log(titleElement);

在上面的代碼中，我們使用了document.title來獲取網頁中的標題元素，并將其賦值給變量titleElement。之后，我們通過console.log方法將這個變量打印出來。這樣，我們就可以在控制臺中看到當前網頁的標題信息。

除了獲取單個元素，我們也可以通過使用document對象的querySelector方法來獲取頁面中符合要求的元素。例如，如果我們想要獲取頁面中所有class為“main”的元素，可以使用以下代碼：

var mainElements = document.querySelectorAll(".main");
console.log(mainElements);

在上面的代碼中，我們使用了document.querySelectorAll方法來獲取頁面中所有class為“main”的元素，并將這些元素賦值給變量mainElements。之后，我們通過console.log方法將這個變量打印出來。這樣，我們就可以在控制臺中看到所有符合要求的元素信息。

除了獲取元素，我們也可以使用JavaScript來獲取頁面中的內容。例如，如果我們想要獲取網頁中特定元素的文本內容，可以使用以下代碼：

var contentElement = document.getElementById("content");
var contentText = contentElement.innerText;
console.log(contentText);

在上面的代碼中，我們首先使用document.getElementById方法獲取頁面中id為“content”的元素，并將其賦值給變量contentElement。之后，我們通過contentElement.innerText來獲取這個元素的文本內容，并將其賦值給變量contentText。最后，我們使用console.log方法將這個變量打印出來。這樣，我們就可以在控制臺中看到該元素的文本內容。

除了獲取文本內容，我們還可以使用JavaScript來獲取元素的屬性。例如，如果我們想要獲取網頁中某張圖片的alt屬性，可以使用以下代碼：

var imageElement = document.getElementById("myImg");
var altText = imageElement.getAttribute("alt");
console.log(altText);

在上面的代碼中，我們首先使用document.getElementById方法獲取頁面中id為“myImg”的圖片元素，并將其賦值給變量imageElement。之后，我們通過imageElement.getAttribute方法來獲取圖片的alt屬性，并將其賦值給變量altText。最后，我們使用console.log方法將這個變量打印出來。這樣，我們就可以在控制臺中看到該圖片的alt屬性信息。

綜上所述，JavaScript中提供了多種方法來獲取頁面中的元素、內容和屬性等信息。使用這些方法可以讓我們更好地了解網頁的結構與內容，從而更好地進行開發和維護工作。在實際開發中，我們需要靈活使用這些方法，結合具體的場景進行選擇，以達到最佳的開發效果。