使用JavaScript实现如下用户交互: 1、 页面上设计2个按钮:一个“黄色背...
发布网友
发布时间：2024-10-24 09:43
共4个回答
热心网友
时间：2024-10-31 10:08
<html>
<head>
<script>
function getcolor(bgcolor){
if(bgcolor=="yellow"){
alert("您单击了黄色按钮");
}else if(bgcolor=="pink"){
alert("您单击了粉色按钮");
}
document.body.style.backgroundColor=bgcolor
}
</script>
</head>
<body>
<button onclick="getcolor('yellow')">黄色背景按钮</button>
<button onclick="getcolor('pink')">粉色背景按钮</button>
</body>
</html>
热心网友
时间：2024-10-31 10:07
<input type='button' value='blue' onclick='getcolor(this)' />
<input type='button' value='green' onclick='getcolor(this)' />
<script>
function getcolor(o)
{
if(o.value='blue')
{
alert("click blue");
document.body.style.backgroundColor = o.value;
}
else
{}
}
</script>
热心网友
时间：2024-10-31 10:12
<html>
<head>
<title>Test</title>
<script>
function getcolor(txt){
alert("您点击了"+txt);
if(txt == "黄色背景按钮")
document.body.style.backgroundColor = "yellow";
else
document.body.style.backgroundColor = "pink";
}
</script>
</head>
<body>
<input type="button" value="黄色背景按钮" onclick="getcolor(this.value)">
<input type="button" value="粉色背景按钮" onclick="getcolor(this.value)">
</body>
</html>
热心网友
时间：2024-10-31 10:08
<html>
<head>
<script>
function getcolor(colorType)
{
if(colorType==="1")
{
alert("您单击了Yellow色按钮");
document.body.style.backgroundColor="yellow";
}
else if(colorType==="2")
{
alert("您单击了Red色按钮");
document.body.style.backgroundColor="red";
}
}
</script>
</head>
<body>
<input id="btnYellow" type="button" value="Yellow" onclick="getcolor('1')" />
<input id="btnRed" type="button" value="Red" onclick="getcolor('2')" />
<body>
</html>
