gpt4 book ai didi

javascript - 每次访问时都试图创建带有随机背景图像的主页。使用 HTML 和 JavaScript。我究竟做错了什么?

转载 作者:太空宇宙 更新时间:2023-11-04 11:52:28 24 4
gpt4 key购买 nike

我试图制作一个包含多个背景图像的数组,并让浏览器随机选择一个进行显示。

我曾尝试在一些帮助下编写代码,但不知道哪里出错了。

这是我正在使用的代码

<head>
<meta charset="utf-8">
<title>Christopher Tameji Foose</title>
<script src="chrisfoose.js">

var imgSrcArr = ["/background/000.jpg", "/background/001.jpg", "/background/003.jpg"]

window.onload = function() {
var randNum = Math.floor(Math.random() * 3);
console.log(randNum); document.getElementById("main").style.backgroundImage = "url('" + imgSrcArr[randNum] + "')";
}

</script>
<link rel="stylesheet" href="stylesheet.css">

;<script>

;</script>

我网站的压缩包位于 https://www.sendspace.com/file/2la4he .任何反馈表示赞赏。

最佳答案

这里有几个问题。一、document.getElementByTagName("div.main")无效,因为没有名为“getElementByTagName”的函数 你想要的是“getElementsByTagName”(注意额外的“s”)。

第二,你的目标div有一个 ID,因此无需遍历所有标签并选择您想要的标签,只需使用 getElementById()相反。

var imgSrcArr = ["/background/000.jpg", "/background/001.jpg", "/background/003.jpg"]
window.onload = function() {
var randNum = Math.floor(Math.random() * 3);
document.getElementById("main").style.backgroundImage = "url('" + imgSrcArr[randNum] + "')";

这是一个 fiddle :http://jsfiddle.net/fvo6v0vL/

关于javascript - 每次访问时都试图创建带有随机背景图像的主页。使用 HTML 和 JavaScript。我究竟做错了什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30535150/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com