这实际上是出于信息和学习目的，同时更多地了解JavaScript和CSS。我有一个本地浏览器索引页面，我想旋转背景图片加载。环顾四周并使用不同的解决方案后，我选择了基本的旋转功能：
<html>
<head>
<script language="javascript" type="text/javascript">
function rotate()
{
var imgArray = new Array("img1.jpg", "img2.jpg", "img3.jpg");
var aImg = Math.floor(Math.random()*imgArray.length);
var img = imgArray[aImg];
document.body.style.background = "url(" + img + ") no-repeat";
document.body.style.backgroundSize = "cover";
}
</script>
</head>
<body onload="rotate()">
</body>
</html>
在此过程中，在我仅设置backgroundSizeas封面来填充窗口之前，我想过要调整图像的大小，然后再从数组中选择它们，然后再将它们设置为背景图像。
我进行了很多搜索，找到的唯一可行的解决方案依赖于按ID选择元素，但这还要求图像具有关联的ID，例如HTML代码中的IMG属性。在此，选择图像并在带有CSS的JavaScript中进行设置。
我尝试使用img.width/ img.height和img.style.width/ 设置图像尺寸img.style.height，以及遇到的其他一些随机解决方案，但是每当尝试更改这些尺寸时，图像要么不会更改，要么根本不会显示。
function rotate()
{
var imgArray = new Array("img1.jpg", "img2.jpg", "img3.jpg");
var aImg = Math.floor(Math.random()*imgArray.length);
var img = imgArray[aImg];
image = rsize(img);
document.body.style.background = "url(" …