html 尝试弄清楚DOM和API ca;;带有简单页面[已关闭]

50few1ms  于 2023-01-28  发布在  其他
关注(0)|答案(1)|浏览(102)

已关闭。此问题需要details or clarity。当前不接受答案。
**想要改进此问题?**添加详细信息并通过editing this post阐明问题。

3天前关闭。
Improve this question

我只是取一张图片,并试图将其作为背景添加到本地页面。我得到了下面的错误。请帮助我,我错过了什么。

eqzww0vc

eqzww0vc1#

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body {
            padding: 0;
            margin: 0;
            height: 100vh;
            width: 100%;
            background-repeat: no-repeat;
            background-size: cover;
        }
    </style>
</head>

<body>

    <script>
        fetch('https://images.pexels.com/photos/268533/pexels-photo-268533.jpeg?cs=srgb&dl=pexels-pixabay-268533.jpg&fm=jpg', {
        })
            .then((response) => response)
            .then((result) => {
                console.log('Success:', result.url);
                document.body.style.backgroundImage = "url(" + result.url + ")"
            })
            .catch((error) => {
                console.error('Error:', error);
            });
    </script>
</body>

</html>

相关问题