时间戳

首页 > 解决方案 > 使用 JS 更改背景图像

javascript - 使用 JS 更改背景图像

问题描述

<!DOCTYPE html>
<html>
    <style></style>
<script src="main.js">
    function myFunction() {
        document.body.style.background = "url('images/img_tree.png')"
    }
</script>

<body>
    <button onclick="myFunction()">Set background</button>
</body></html>

为什么这行不通？我目前正在使用方括号 IDE。

标签： javascripthtmlcss

解决方案

问题是你设置的src="main.js"，在这种情况下，脚本标签内的所有脚本都不会执行，它只执行main.js文件中的 javascript。

<!DOCTYPE html>
<html>
    <style></style>
<script>
    function myFunction() {
        document.body.style.background = "url('https://geology.com/world/world-map-360.gif')"
    }
</script>

<body>
    <button onclick="myFunction()">Set background</button>
</body></html>

推荐阅读