当前位置: 代码迷 >> ASP.NET >> 招人看一段JS很简单的代码,帮忙解释下每一句的意思,该如何处理
  详细解决方案

招人看一段JS很简单的代码,帮忙解释下每一句的意思,该如何处理

热度:2178   发布时间:2013-02-25 00:00:00.0
招人看一段JS很简单的代码,帮忙解释下每一句的意思
<script>
function show()
{
 document.getElementById("advimg").style.display="";
 setTimeout(hide,5000);
}
function hide()
{
 document.getElementById("advimg").style.display="none";
}

document.writeln("<div id=advimg style='display:none;'><img src=guoqing.gif onload=show(); ></div>");

</script>
我想做一个层,点了层之后下边的层隐藏,在点一次就显示,我找了一点代码,但是对JS是一点都不懂,所以在这里发个帖子,希望大家能帮忙解释下这段代码具体是什么意思,
我知道function show()是一个函数, 那么document.getElementById("advimg").style.display="";这句话是什么意思,("advimg")这个里边是什么意思,换有style.display="";是什么意思,引号里边可以写别的什么东西,或者说别的什么类型的东西,
换有这一句document.getElementById("advimg").style.display="none";
是什么意思,
如果我现在有两个层,层A 层B,如果我点了层A ,层B隐藏, 在点一次层A 层不显示,这个功能要怎么写,帮帮忙谢谢了大家



------解决方案--------------------------------------------------------
document.getElementById("advimg").style.display="none"; //id为advimg东东隐藏。
.getElementById("advimg").style.display="";//显示
------解决方案--------------------------------------------------------
<script> 
function show() 

document.getElementById("advimg").style.display=""; //advimg 图片显示
setTimeout(hide,5000); //5秒钟执行hide方法

function hide() //hide方法

document.getElementById("advimg").style.display="none";//advimg 图片隐藏 


document.writeln(" <div id=advimg style='display:none;'> <img src=guoqing.gif onload=show(); > </div>"); //客户端加载页面显示一个图片

</script> 

------解决方案--------------------------------------------------------
function show()

document.getElementById("").style//advimg 为某控件的ID号 .display=""; 设置显示类型,为空,则可显示
setTimeout(hide,5000);

function hide() 

document.getElementById("").style.display="none"; //none说明ID为advimg的控件隐藏,还可写inline 等


document.writeln(" <div id=advimg style='display:none;'> <img src=guoqing.gif onload=show(); > </div>");
------解决方案--------------------------------------------------------
<script>
function SenFe_Com(sid,sname){
if(sname.style.display=='none'){
sid.innerText="隐藏内容";
sname.style.display='';

}else{
sid.innerText="显示内容";
sname.style.display='none';
}
}
</script>
<div id="SenFe" style="width:200px;height:300px;background-color:#999" Onclick="SenFe_Com(this,SenFe_Conent);">显示内容</div>
<BR><BR><BR>
<div id="SenFe_Conent" style="display:none;width:200px;height:300px;background-color:red">在这里显示详细内容</div>
这个应该就是你想要的东西,看看吧
------解决方案--------------------------------------------------------
document.getElementById("advimg").style.display="";
意思是 将ID为advimg的控件隐藏掉(不占位)

("advimg")这个里边是什么意思
意思是 控件的ID 由于你的程序中改控件是动态生成的
代码:document.writeln(" <div id=advimg style='display:none;'> <img src=guoqing.gif onload=show(); > </div>"); 

[/style.display="";意思color]
意思是:display就是显示的意思 可以赋予这些值 
block 块状显示
inline 内联显示 这2个有点区别看情况使用
none 不显示
还有几个不常用 忘了 display="";其实就是显示

[color=#99CCFF]如果我现在有两个层,层A 层B,如果我点了层A ,层B隐藏, 在点一次层A 层不显示,这个功能要怎么写
HTML code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD>  <TITLE> New Document </TITLE>  <META NAME="Generator" CONTENT="EditPlus">  <META NAME="Author" CONTENT="">  <META NAME="Keywords" CONTENT="">  <META NAME="Description" CONTENT="">  <style type="text/css">     div{       width:600px;       height:100px;       border:1px solid black;     }  </style>  <SCRIPT LANGUAGE="JavaScript">  <!--    function HiddenB()    {       if( document.getElementById("b").style.display == "none" )       {         document.getElementById("a").style.display="none";       }       document.getElementById("b").style.display="none";    }  //-->  </SCRIPT> </HEAD> <BODY>    <div id="a" onclick="HiddenB()">我是A层</div>    <div id="b" style="margin-top:10px;">我是B层</div> </BODY></HTML>
  相关解决方案