在前端開發中，我們經常使用CSS來設置網頁的樣式，其中包括網頁的背景。一般來說，我們可以使用CSS的background屬性來設置網頁的背景，但是有些情況下，我們需要動態地改變整個網頁的背景，這時候需要使用一些JS和CSS的技巧。

首先，我們需要添加一個按鈕，用于切換網頁的背景。我們可以通過HTML的button標簽創建一個按鈕：

<button id="changeBgBtn">切換背景</button>

然后，我們需要寫一些JS代碼，來控制網頁的背景變化。我們可以通過CSS的background屬性來設置網頁的背景圖，但是要動態地改變整個網頁的背景，必須將背景圖放在一個容器內，并且CSS的background屬性要設置在這個容器上。

以下是JS代碼，用于動態設置整體背景：

const changeBgBtn = document.getElementById('changeBgBtn');
const body = document.querySelector('body');
let bgIndex = 0;
const bgList = [
'url(https://picsum.photos/id/1018/1000/1000)',
'url(https://picsum.photos/id/1015/1000/1000)',
'url(https://picsum.photos/id/1003/1000/1000)'
];
changeBgBtn.addEventListener('click', () =>{
bgIndex = (bgIndex + 1) % bgList.length;
body.style.backgroundImage = bgList[bgIndex];
});

以上代碼可將整個頁面的背景圖更改為三張隨機圖，點擊按鈕可依次切換三種背景圖。通過JavaScript的事件監聽，我們可以動態地更改整個網頁的背景，使網頁更具有活力。