javascript点击事件隐藏显示div层

#   javascript点击事件隐藏显示div层



<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <script language="javascript" type="text/javascript">
        /***
        *功能:隐藏和显示div
        *参数divDisplay:html标签id
        ***/
        function click_a(divDisplay)
        {
            if(document.getElementById(divDisplay).style.display != "block")
            {
                document.getElementById(divDisplay).style.display = "block";
            }
            else
            {
                document.getElementById(divDisplay).style.display = "none";
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <a onclick="return click_a('divOne_1')" style="cursor:pointer;">打开</a><div id="div_one">div_one</div>
        <div id="divOne_1" style="display:none;">div_one下面的内容</div>
        <br />备注:click_a(divDisplay)中 divDisplay为你要显示和隐藏的div的id
    </div>
    </form>
</body>
<html>
------------------------------------------------------------------------------------------------------
    (1)单击事件:onclick。用户单击鼠标按键时产生的事件,同时。nclick指定的事件处理程序或代码将被调用执行.
    (2)改变事件:onchange。当text或textarea元素内的字符值改变或select表格选项状态改变时发生该事件。
    (3)选中事件:onselect。当text或textarea对象中的文字被选中时会引发该事件。如:
<ipnut type="text" value="默认信息”onselect=alert(”您选中T文本框中的文字”)>
    (4)获得焦点事件:onfocus。用户单击text或textarea以及select对象,即光标落在文本框或选择框时会产生该事件。如:
    <select name= "zhengjian" onfocus=alert(”我成为焦点”)>
    (5)失去焦点事件:onblur.失去焦点事件正好与获得焦点事件相对,当text或textarea以及select对象不再拥有焦点而退出后台时,引发该事件。


# xiaoxiao [ 2015-11-30 ]

# Address in this article

# http://www.s7smile.com/javascript/1

# s7smile.com