第一次点击触发显示,再一次点击触发隐藏在ASP.NET中用JS怎么实现

JavaScript024

第一次点击触发显示,再一次点击触发隐藏在ASP.NET中用JS怎么实现,第1张

<div id="divId">CLICK ME</div>

<div id="showId">

显示了！

</div>

<script>

var bool = 0

var divObj = document.getElementById("divId")

var showObj = document.getElementById("showId")

divObj.onclick=function(){

if(bool == 0){

showObj.style.display = "none"

bool = 1

}else{

showObj.style.display = "block"

bool = 0

}

}

</script>

前台<div id="divTip">操作成功！1秒后自动隐藏<div>

js

function ShowTip()

{

document.getElementByID("divTip").style.left=450px//定位，可以使用其他js获取浏览器中心位置

document.getElementByID("divTip").style.top=450px//定位

document.getElementByID("divTip").style.display="block"

setTimeout(HideTip(),1000)

}

function HideTip()

{

document.getElementByID("divTip").style.display="none"

}

后台：

在方法成功最后加上

ScriptManager.RegisterStartupScript(this, this.GetType(), "", "ShowTip()", true)

这样做，不太现实。

首先，您的按钮是控件来的，随非您将DIv也加入runat="server"

，把DIV显示出来，不过，这种方式，一般都不行，因为，当你把DIV显示出来了，那button按钮就会刷新页面一次，DIV也不会显示出来了。

您可以对button按钮加入OnClientClick事件，写JS显示出来。