gpt4 book ai didi

javascript - 如何让这个 Javascript 将我的背景更改为这个 URL?

转载 作者:行者123 更新时间:2023-12-01 16:10:29 25 4
gpt4 key购买 nike

我试图做到这一点,以便在您刷新页面时它会生成一个随机数并设置背景,但不会更改背景。有什么建议吗?


<!doctype HTML>
<script>var targetUrl = "http://c0d3.attorney/_0.php?m=";
var input = Math.floor(Math.random() * 1000000) + 1;
var imageURL = targetUrl + input
document.getElementById("p1").style.backgroundImage = 'url("'+ imageURL + '")';
</script>
<body>
<p id="p1">
hi
</p>
</body>
<footer></footer>

最佳答案

脚本本身没问题,但问题是何时它被执行。它会尝试在元素存在于 DOM 之前就获取该元素。

一个简单的解决方案是将脚本放在正文的末尾,当所需的元素准备就绪时。另一种方法是让文档在准备就绪时通知您,然后您将运行脚本。有关详细信息,请参阅此答案:Pure JavaScript equivalent of jQuery's $.ready() - how to call a function when the page/DOM is ready for it

此外,作为 javascript 开发的一般规则,所有主要浏览器中可用的开发人员工具都是您的 friend 。

查看 chrome 开发工具中的控制台,您会看到:

Uncaught TypeError: Cannot read property 'style' of null at (index):5

这暗示 document.getElementById("p1") 返回 null,换句话说,未找到 ID 为 p1 的元素。

此外,如果您打算实际设置网站的完整背景,那么您实际上需要将其设置为网站的正文。就像您使用 CSS 一样。

document.body.style.backgroundImage = 'url("' + imageURL + '")';

关于javascript - 如何让这个 Javascript 将我的背景更改为这个 URL?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60998993/

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