我正在使用以下代码:
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="WebApplication3.Site1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="style.css" rel="stylesheet" />
<script type="text/javascript">
function change(color) {
document.bgColor = color;
}
</script>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<p> </p>
<div class="green">
<div id="slatenav">
<ul>
<li><a href="WebForm3.aspx" id="green" onclick="change('green')">Home</a></li>
<li><a href="WebForm4.aspx" id="red" onclick="change('red')">About Us</a></li>
</ul>
</div>
</div>
<div>
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</form>
</body>
</html>
为什么不能正常工作？
最佳答案
虽然您不应该使用document.bgColor，但它应该仍然可以工作。问题不在于——而在于您将其与取消 javascript 的链接一起使用(该链接正在加载新页面)。
尝试一下:
<script type="text/javascript">
function change(color) {
document.bgColor = color;
return false;
}
</script>
<div id="slatenav">
<ul>
<li><a href="WebForm3.aspx" id="green" onclick="return change('green');">Home</a></li>
<li><a href="WebForm4.aspx" id="red" onclick="return change('red');">About Us</a></li>
</ul>
</div>
它不会加载新页面，但 Javascript 将启动。正如其他人建议的那样，使用 document.body.style.backgroundColor。
关于javascript - 使用javascript更改文档的背景颜色，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15627683/