求教一JavaScript调用的问题~高手指点
我是做一个JavaScript控制Div隐藏显示的,<html><head><SCRIPTtype=text/javascript>//new2//modifyfunct...
我是做一个JavaScript控制Div隐藏显示的,
<html>
<head>
<SCRIPT type=text/javascript>
//new2
//modify
function tab_new_display(num){//显示隐藏程序
document.getElementById('s_'+num).className="h4sp3";
document.getElementById('h5tx'+num).style.display="";
for(var i=1;i<=10;i++){
if(i!=num){
if(document.getElementById('s_'+i)!=null&&document.getElementById('h5tx'+i)!=null){
document.getElementById('s_'+i).className="h4sp1";
document.getElementById('h5tx'+i).style.display="none";
}//if
}//if
}//for
}
//hot2
function tab_display(num){//显示隐藏程序
document.getElementById('s'+num).className="h4sp2";
document.getElementById('h4tx'+num).style.display="";
for(var i=1;i<=10;i++){
if(i!=num){
if(document.getElementById('s'+i)!=null&&document.getElementById('h4tx'+i)!=null){
document.getElementById('s'+i).className="h4sp1";
document.getElementById('h4tx'+i).style.display="none";
}//if
}//if
}//for
}
//modify
function tab_display_m(num){//显示隐藏程序
document.getElementById('s_'+num).className="h4sp2";
document.getElementById('h5tx'+num).style.display="";
for(var i=1;i<=10;i++){
if(i!=num){
if(document.getElementById('s_'+i)!=null&&document.getElementById('h5tx'+i)!=null){
document.getElementById('s_'+i).className="h4sp1";
document.getElementById('h5tx'+i).style.display="none";
}//if
}//if
}//for
}
function tab_online(num){//显示隐藏程序
document.getElementById('ts'+num).className="h3sp2";
document.getElementById('h3tx'+num).style.display="";
for(var i=1;i<=10;i++){
if(i!=num){
if(document.getElementById('ts'+i)!=null&&document.getElementById('h3tx'+i)!=null){
document.getElementById('ts'+i).className="h3sp1";
document.getElementById('h3tx'+i).style.display="none";
}//if
}//if
}//for
}
</SCRIPT>
</head>
<body>
<SPAN class=h3sp2 id=ts1
onclick=javascript:tab_online(1)><input type="button" value="添加"></SPAN>
<DIV id=h3tx1 style="DISPLAY: none">
<UL class="xlist clearbox">
<LI>添加信息：<input type="text"></LI>
</UL>
</DIV>
<DIV class=h3sp>
<SPAN class=h3sp1 id=ts2
onclick=javascript:tab_online(2)><input type="button" value="添加"></SPAN>
</DIV>
<DIV id=h3tx2 style="DISPLAY: none">
<UL class="xlist clearbox">
<LI>
<display:table name="addressFormats" class="table" requestURI="" id="addressFormatList" export="true" pagesize="25">
<display:column property="addressFormatId" sortable="true" href="addressFormats.html" media="html"
paramId="addressFormatId" paramProperty="addressFormatId" titleKey="addressFormat.addressFormatId"/>
我想知道点编辑的时候如何调用那个函数把这个层展开~~~~
</LI>
</UL>
</DIV>
</body>
</html> 展开
<html>
<head>
<SCRIPT type=text/javascript>
//new2
//modify
function tab_new_display(num){//显示隐藏程序
document.getElementById('s_'+num).className="h4sp3";
document.getElementById('h5tx'+num).style.display="";
for(var i=1;i<=10;i++){
if(i!=num){
if(document.getElementById('s_'+i)!=null&&document.getElementById('h5tx'+i)!=null){
document.getElementById('s_'+i).className="h4sp1";
document.getElementById('h5tx'+i).style.display="none";
}//if
}//if
}//for
}
//hot2
function tab_display(num){//显示隐藏程序
document.getElementById('s'+num).className="h4sp2";
document.getElementById('h4tx'+num).style.display="";
for(var i=1;i<=10;i++){
if(i!=num){
if(document.getElementById('s'+i)!=null&&document.getElementById('h4tx'+i)!=null){
document.getElementById('s'+i).className="h4sp1";
document.getElementById('h4tx'+i).style.display="none";
}//if
}//if
}//for
}
//modify
function tab_display_m(num){//显示隐藏程序
document.getElementById('s_'+num).className="h4sp2";
document.getElementById('h5tx'+num).style.display="";
for(var i=1;i<=10;i++){
if(i!=num){
if(document.getElementById('s_'+i)!=null&&document.getElementById('h5tx'+i)!=null){
document.getElementById('s_'+i).className="h4sp1";
document.getElementById('h5tx'+i).style.display="none";
}//if
}//if
}//for
}
function tab_online(num){//显示隐藏程序
document.getElementById('ts'+num).className="h3sp2";
document.getElementById('h3tx'+num).style.display="";
for(var i=1;i<=10;i++){
if(i!=num){
if(document.getElementById('ts'+i)!=null&&document.getElementById('h3tx'+i)!=null){
document.getElementById('ts'+i).className="h3sp1";
document.getElementById('h3tx'+i).style.display="none";
}//if
}//if
}//for
}
</SCRIPT>
</head>
<body>
<SPAN class=h3sp2 id=ts1
onclick=javascript:tab_online(1)><input type="button" value="添加"></SPAN>
<DIV id=h3tx1 style="DISPLAY: none">
<UL class="xlist clearbox">
<LI>添加信息：<input type="text"></LI>
</UL>
</DIV>
<DIV class=h3sp>
<SPAN class=h3sp1 id=ts2
onclick=javascript:tab_online(2)><input type="button" value="添加"></SPAN>
</DIV>
<DIV id=h3tx2 style="DISPLAY: none">
<UL class="xlist clearbox">
<LI>
<display:table name="addressFormats" class="table" requestURI="" id="addressFormatList" export="true" pagesize="25">
<display:column property="addressFormatId" sortable="true" href="addressFormats.html" media="html"
paramId="addressFormatId" paramProperty="addressFormatId" titleKey="addressFormat.addressFormatId"/>
我想知道点编辑的时候如何调用那个函数把这个层展开~~~~
</LI>
</UL>
</DIV>
</body>
</html> 展开
2个回答
展开全部
就是一个事件触发问题，有很多方法，举几个常用得方法，
比如你需要调用该函数得按钮为<input type="button" id="go">
方法一，直接嵌入，如果你需要调用得函数为func()则只需将onclick="func()"嵌入到上述标签即可，
方法二。在单独得js页面调用，大概语句如下
document.getElementById("go").onclick=function(){
func();
}
将上面得代码写到一个函数里面然后在window.onload面调用即可，这样可实现html代码和js代码得分离
方法三；使用事件监听器，这个算是方法中较复杂但更标准的做法，
由于此方法还涉及到判断不同浏览器，所以仅说明大概方法，
该方法得关键是addEventListener函数，它的参数个数可变，通常你至少需要设置得两个参数为，事件类型和需要执行得函数，比如
element.addeventlistener(type.func)，在ie中你则需要使用attachEvent函数，参数设置有不同，具体自己看上网查到
比如你需要调用该函数得按钮为<input type="button" id="go">
方法一，直接嵌入，如果你需要调用得函数为func()则只需将onclick="func()"嵌入到上述标签即可，
方法二。在单独得js页面调用，大概语句如下
document.getElementById("go").onclick=function(){
func();
}
将上面得代码写到一个函数里面然后在window.onload面调用即可，这样可实现html代码和js代码得分离
方法三；使用事件监听器，这个算是方法中较复杂但更标准的做法，
由于此方法还涉及到判断不同浏览器，所以仅说明大概方法，
该方法得关键是addEventListener函数，它的参数个数可变，通常你至少需要设置得两个参数为，事件类型和需要执行得函数，比如
element.addeventlistener(type.func)，在ie中你则需要使用attachEvent函数，参数设置有不同，具体自己看上网查到
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
