<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#div1 {width: 200px;height: 200px;background: #e84a7e;}
</style>
<script>
window.onload=function setColor(color)
{
var oDiv=document.getElementById('div1');
oDiv.style.background=color;
}
</script>
</head>
<body>
<input type="button" value="变绿" onclick="setColor('green');">
<input type="button" value="变红" onclick="setColor('red');">
<input type="button" value="变黄" onclick="setColor('yellow');">
<div id="div1"></div>
</body>
</html>
把加粗部分删除就可以,不删除就无法运行这个是怎么回事
window.onload是加载后面要执行的函数,而不是定义函数,通常是window.onload=function(){ //... }