JS控制DIV的样式

我在一个头部用户控件里面添加了一个div，再有两张页面分别都放上这个用户控件，这两张页面都有链接，当点击查看不同的页面时，头部控件中的DIV显示不同的样式。请教

解决方案 »

  1.   

    JS:
    onclick="this.className='xxxxxxx'"
      

  2.   

    根据你目前所表达出来的意思  没必要用JS控制  看例子:
    ASCX:<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Head.ascx.cs" Inherits="Controls_Head" %>
    <div class="aaa">
    头部DIV
    </div>页面1: DIV背景为红色<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %><%@ Register src="Controls/Head.ascx" tagname="Head" tagprefix="uc1" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <style type="text/css">
        .aaa
        {
            background-color:Red;
            }
        </style>      
    </head>
    <body>
        <form id="form1" runat="server">
        <div id="head">
           
            <uc1:Head ID="Head1" runat="server" />
           
        </div>
        </form>
    </body>
    </html>
    页面2:  背景绿色<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %><%@ Register src="Controls/Head.ascx" tagname="Head" tagprefix="uc1" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <style type="text/css">
        .aaa
        {
            background-color:Green;
            }
        </style> 
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
        
            <uc1:Head ID="Head1" runat="server" />
        
        </div>
        </form>
    </body>
    </html>
      

  3.   

    请参考下边代码:<style>
    .btn {
    BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7b9ebd 1px solid
    }
    .btn1_mouseout {
    BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B3D997); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid
    }
    .btn1_mouseover {
    BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#CAE4B6); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid
    }
    </style><button class=btn1_mouseout onmouseover="this.className='btn1_mouseover'"
    onmouseout="this.className='btn1_mouseout'" title="网页设计秀:http://www.cnwebshow.com" > 网页设计秀</button>
      

  4.   

    <SCRIPT LANGUAGE="JavaScript">
    var path = "";
    var href = document.location.href;
    path=href.substring(href.lastIndexOf("\")+1);
    if(path=="b.html")
    {
    var n=document.getElementById("dd");
    n.className="k2";
    }
    else
    {
    var n=document.getElementById("dd");
    n.className=k1";
    }
    document.writeln(path);
    </script>
    不用什么按钮啊。。打开连接，根据当前路径判断用什么样式，但是上面这块出毛病了整了半天
      

  5.   

    写个函数,放在body标签onload事件中运行
      

  6.   

    动态添加用户控件设置样式或在onload里设置div样式
      

  7.   

    <title>无标题文档</title>
    <style type="text/css">
    .k1{
    background-color:#000000;height:100px;width:100px;}
    .k2{
    background-color:#FF0000;height:100px;width:100px;}
    </style>
    <SCRIPT LANGUAGE="JavaScript">
    function sn()
    {
    var path = "";
    var href = document.location.href;
    path=href.substring(href.lastIndexOf("/")+1);

    if(path=="b.html")
    {
    document.writeln(path);
    var n=document.getElementById("dd");
    n.className=k1; 
    }
    }
    </script>
    </head><body onload="sn()"><a href="a.html"> 第一张页面</a><a href="b.html"> 第二张页面</a>
    <div id="dd" class="k1">asdasdasd</div>
    </body>
    </html>还是不行。
      

  8.   


    if(path=="b.html") 
    { 
    document.writeln(path); 
    var n=document.getElementById("dd"); 
    n.className='[color=#000000]k1'[/color]; 
    } 
    else
    {
    document.writeln(path); 
    var n=document.getElementById("dd"); 
    n.className=[color=#FF0000]'[color=#0000FF]k2    '[/color]; }[/color]
      

  9.   

    使用<a href="javascript;"></a>