Question

我正在遵循创建动态网页的教程。该网页应该显示时间，并且图像会根据其所处的小时数进行更新。但是，导师插入他的图像的方式对我来说是陌生的，我不确定我在哪里弄乱，但是页面上根本没有显示图像。

    let today = new Date(),
    hour = today.getHours();

    if(hour < 12) {
        // Morning
        document.body.style.backgroundImage = "url('../images/Morning.jpg')";
        greeting.textContent = 'Good Morning';
    } else if(hour < 18) {
        // Afternoon
        document.body.style.backgroundImage = "url('../images/Evening.jpg')";
        greeting.textContent = 'Good Afternoon';
    } else {
        // Evening
        document.body.style.backgroundImage = "url('../images/Night.jpg')";
        greeting.textContent = 'Good Evening';
    }
}```

I get no error messages with the following function after calling it. However, no image is being displayed.

Answer 1

url('../images/Morning.jpg')";

必须是有效的URL。假设您的HTML文件为www.example.com/foo/index.html。必须有一个www.example.com/images/Morning.jpg文件，否则您将看不到任何内容。

如果您以前的URL是“ Morning / jpg”，则尤其如此，因为这不是有效的URL（从技术上讲，它是有效的，但几乎肯定对您的情况无效）。

如何通过JavaScript将图像正确添加到网页

1 个答案: