在網站開發中，經常需要設置背景顏色或背景圖像來美化頁面效果。在前端開發中，我們可以利用javascript來設置body的背景。
在body標簽中，我們可以通過javascript的方式來設置背景顏色，如下所示：
<script> document.body.style.backgroundColor = "#F1F1F1"; </script>通過這段代碼，我們可以將頁面的背景顏色設置為灰色。除了設置背景顏色，我們還可以將背景設置為圖片。例如，我們可以在body標簽中插入以下代碼來設置背景圖像：
<body style="background-image:url('img/bg.jpg');">在這段代碼中，我們通過設置樣式屬性background-image來設置背景圖片。其中，‘img/bg.jpg’為背景圖像的地址，可以自己根據需要設置。
除此之外，我們還可以通過javascript來控制body的背景滾動效果。例如，我們可以插入以下代碼來控制背景滾動：<script> document.body.style.backgroundAttachment = "fixed"; </script>通過這段代碼，我們可以將頁面的背景設置為固定不動的。當我們向下滾動頁面時，背景不會跟著滾動。 除了以上介紹的設置方法，我們還可以通過設置背景大小等樣式屬性來美化頁面效果。下面是一個完整的例子：
<!DOCTYPE html>
<html>
<head>
<title>Background example</title>
</head>
<body>
<script>
document.body.style.backgroundImage = "url('img/bg.jpg')";
document.body.style.backgroundSize = "cover";
document.body.style.backgroundRepeat = "no-repeat";
document.body.style.backgroundPosition = "center";
</script>
<h1>Hello World!</h1>
<p>This is a paragraph.</p>
</body>
</html>在這份代碼中，我們將頁面的背景設置為一張圖片，并將它的大小設置為覆蓋整個頁面。同時，我們也設置了背景的重復方式和位置。
總之，對于前端開發而言，通過javascript來設置body的背景是非常方便的。我們可以通過設置不同的樣式屬性來實現各種美化效果。