我的 javascript 在控制台中运行，但如果我通过 html 运行它，则会返回错误

Question

我这里有一些javascript代码，可以随机更改我网站登录页面的背景。这是代码：

    var bigSize = [ 
                    "url('assets/bg/front1.jpg')",
                    "url('assets/bg/front2.jpg')",
                  ];
    var random = Math.floor(Math.random() * 2) + 0;
    document.getElementById("front").style.backgroundImage=bigSize[random];

当我加载页面并查看我的控制台时，它给出了以下错误：

background.js:6 Uncaught TypeError: Cannot read property 'style' of null
    at background.js:6

但是，当我通过控制台运行确切的代码时，脚本可以完美运行。谁能帮我解决这个问题？提前感谢！

Answer 1

问题可能是您在body标签之前插入了script标签。在body标签之后插入script标签。Javascript 无法找到您的element，这意味着它尚未呈现到浏览器，当您访问它时，它会抛出错误。