JavaScript是一種非常常用的編程語言，可用于訪問網頁內容。你可能已經注意到，許多網站都使用JavaScript來提供交互性和動態網頁效果。這篇文章將幫助你了解如何使用JavaScript來訪問和操作網頁內容。

首先，我們需要了解如何訪問頁面上的元素。可以使用document對象來獲取元素的引用。例如，如果您想獲取頁面上的標題，您可以使用以下JavaScript代碼：

var title = document.getElementsByTagName("title")[0].innerHTML;
console.log(title);

在上面的代碼中，我們使用了getElementsByTagName方法，該方法以標簽名稱作為參數并返回元素的數組。在這種情況下，我們使用"標題"標簽。由于getElementsByTagName返回一個數組，我們可以使用"[0]"來訪問它的第一個元素。最后，我們使用"innerHTML"屬性來獲取該元素的HTML內容。

另一個常見的操作是修改頁面上的元素。可以使用相同的技術訪問元素，并使用屬性和方法來修改它們。例如，如果您想更改頁面上的段落文字，您可以使用以下代碼：

var paragraph = document.getElementById("myParagraph");
paragraph.innerHTML = "新文本";

在這個例子中，我們使用getElementById來獲取具有"myParagraph" ID的元素的引用。然后，我們可以使用其innerHTML屬性來更新該元素中的文本。

JavaScript也可以用于讀取表單元素的值。例如，如果您想獲取文本輸入中的值，您可以使用以下代碼：

var input = document.getElementById("myInput");
var value = input.value;
console.log(value);

類似地，您可以使用JavaScript設置表單元素的值。例如，如果您想將文本輸入設置為新值，則可以使用以下代碼：

var input = document.getElementById("myInput");
input.value = "新值";

在許多情況下，您可能需要在窗口打開時運行JavaScript代碼。可以使用window.onload事件來確保頁面完全加載后才執行代碼。例如，如果您計劃在頁面加載時設置文本輸入，則可以使用以下代碼：

window.onload = function() {
var input = document.getElementById("myInput");
input.value = "默認值";
};

最后，JavaScript還可以用于更復雜的操作，例如Ajax請求和HTML5 Canvas繪圖。但是，以上關于訪問和操作網頁內容的例子應該對初學者足夠。