<script> var lis = document.getElementsByTagName('li'); for (var i = 0; i < lis.length; i++) { lis[i].onclick = function() { document.body.style.backgroundImage = 'url(' + this.style.backgroundImage.slice(4, -1) + ')'; }} </script>

这段 JavaScript 代码可以实现点击 li 元素时更改页面的背景图片。具体来说，代码中获取了页面中所有的 li 元素，并为每个 li 元素添加 onclick 事件处理程序。当点击某个 li 元素时，处理程序会获取该 li 元素的背景图片路径，并将其设置为页面的背景图片。

需要注意的是，代码中的 `this.style.backgroundImage` 表示获取当前 li 元素的背景图片路径，`.slice(4, -1)` 是为了去掉路径字符串中的 `url("` 和 `")`，只留下图片路径。最终将获取到的图片路径设置为 `document.body.style.backgroundImage` 的值，实现更改页面背景图片的效果。