使用javascript更改文档的背景色_Javascript_Asp.net

使用javascript更改文档的背景色

javascript asp.net

使用javascript更改文档的背景色,javascript,asp.net,Javascript,Asp.net,我正在使用以下代码： <%@ 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&

我正在使用以下代码：

    <%@ 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>&nbsp;</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=颜色；
}

为什么它不能正常工作？

不推荐使用document.bgColor而改用document.body.style.backgroundColor

从开始，不推荐使用document.bgColor而改用document.body.style.backgroundColor

从

中，虽然您不应该使用

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>


功能改变（颜色）{
document.bgColor=颜色；
返回false；
}

和

它不会加载新页面，但

Javascript

将启动。正如其他人所建议的，使用

document.body.style.backgroundColor

虽然您不应该使用

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>


功能改变（颜色）{
document.bgColor=颜色；
返回false；
}

和

它不会加载新页面，但

Javascript

将启动。正如其他人所建议的，使用

document.body.style.backgroundColor

@user1799345--np，很高兴我们能提供帮助@user1799345--np，很高兴我们能帮忙！