在Web開發中，JavaScript是一種用于編寫互動式和動態網站的強大編程語言。而在JavaScript中，我們可以使用document對象直接在HTML文件中進行寫入或修改頁面元素的操作。

舉個例子，我們想要在頁面中添加一個標題，我們可以這樣寫：

document.write("<h1>這是一個標題</h1>");

這樣，頁面就會自動添加一個大標題。我們也可以在頁面中添加更多的文本元素，比如段落，列表等等。

如果我們需要在頁面中添加一張圖片，可以這樣寫：

document.write("");

在上面的代碼中，我們使用src屬性來指定圖片的路徑。如果想要添加一個鏈接，我們可以使用a標簽。代碼如下：

document.write("<a );

除了直接在頁面中添加元素，我們還可以在JavaScript代碼中修改已經存在的元素。比如，我們想要修改一個已存在的標題元素：

let title = document.getElementById("title");
title.innerHTML = "新標題";

在上面的代碼中，通過getElementById方法獲取到了標題元素，然后使用innerHTML屬性將元素內容修改為“新標題”。

除了innerHTML屬性外，我們還可以使用innerText屬性來修改或獲取元素的文本內容。比如：

let element = document.getElementById("element");
element.innerText = "新內容";

最后，需要注意的是，在JavaScript中頻繁地使用document.write方法會導致網頁加載變慢。因此，在實際應用中，我們需要盡可能地減少使用該方法，而是使用其他一些更優秀的代碼編寫方式。