Question

所以我输入了一个用于更改我之前使用的背景的脚本。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>KeKeyDesigned</title>
<link rel="stylesheet" href="css/styles.css"/>
<script src="js/JSS.js"></script>
</head>

<body>
<div id="wrapper">
<div id="topLeft" class="left">
<div id="one" onclick="change('darkgrey')"> </div>
<div id="two" onclick="change('white')"> </div>
</div>

文件中的脚本是：

function change ('color') {
document.body.style.background = color ;
}

但说实话它根本不起作用。当我在我的chrome上按f12时，我注意到它不是读它就好像它在头部，浏览器显示脚本标记好像它在体内，不确定是否意思是合成。

Answer 1

你没有硬编码颜色作为你的函数中的字符串，即你的函数中的颜色可以被称为芯片，胡椒等你得到我的观点，你把它传递给你的函数。

尝试以下方法：

function change (color) {
  document.body.style.background = color ;
}

工作示例

function change (color) {
    document.body.style.background = color ;
    }

<div id="wrapper">
   <div id="topLeft" class="left">
    <div id="one" onclick="change('darkgrey')"> click me for dark grey </div>
    <div id="two" onclick="change('white')"> click me for white </div>
   </div>
</div>

更改后台脚本不起作用。（外部js文件）

1 个答案: