菜鸟求助！！！JS 函数

Question

function openBg(state)//打开遮照
   {
    if(state == 1)
    {
     $("bg").style.display = "block";
     var h = document.body.offsetHeight > document.documentElement.offsetHeight ? document.body.offsetHeight : document.documentElement.offsetHeight;
     $("bg").style.height = h + "px";
     $("selectItem").style.display = "block";
     $("selectItem").style.left = ($("bg").offsetWidth - $("selectItem").offsetWidth)/2 + "px";
     $("selectItem").style.top = document.body.scrollTop + 100 + "px";
     if(document.all.SelectName.value=="0")
     {
      document.getElementById("c00").style.display="block";
      
      
     }
}
    
    else
    {
     $("bg").style.display = "none";
     $("selectItem").style.display = "none";
    } 我现在要重新定义一个openBg1(state) 再替换里面的 操作对象，
为什么老提示 缺少对象呢？ 

Answer 1

把自己定义的写出来大伙才能帮忙
上面的$()其实是document.getElementById()

Answer 2

function openBg1(state)//打开遮照 
  { 
    if(state == 1) 
    { 
    $("bg1").style.display = "block"; 
    var h = document.body.offsetHeight > document.documentElement.offsetHeight ? document.body.offsetHeight : document.documentElement.offsetHeight; 
    $("bg1").style.height = h + "px"; 
    $("selectItem1").style.display = "block"; 
    $("selectItem1").style.left = ($("bg1").offsetWidth - $("selectItem1").offsetWidth)/2 + "px"; 
    $("selectItem1").style.top = document.body.scrollTop + 100 + "px"; 
    if(document.all.SelectName.value=="0") 
    { 
      document.getElementById("c00").style.display="block"; 
      
      
    } 
} 
    
    else 
    { 
    $("bg1").style.display = "none"; 
    $("selectItem1").style.display = "none"; 
    } 其实就是把$后面的 换掉。

Answer 3

关键是,为什么 我发的 2段代码, 调用的时候 openBg()可以，openBg1()就报错。

Answer 4

function openBg(state)//打开遮照 
  { 
    if(state == 1) 
    { 
    $("bg").style.display = "block"; 
    var h = document.body.offsetHeight > document.documentElement.offsetHeight ? document.body.offsetHeight : document.documentElement.offsetHeight; 
    $("bg").style.height = h + "px"; 
    $("selectItem").style.display = "block"; 
    $("selectItem").style.left = ($("bg").offsetWidth - $("selectItem").offsetWidth)/2 + "px"; 
    $("selectItem").style.top = document.body.scrollTop + 100 + "px"; 
    if(document.all.SelectName.value=="0") 
    { 
      document.getElementById("c00").style.display="block"; 
      
      
    } 
} 
    
    else 
    { 
    $("bg").style.display = "none"; 
    $("selectItem").style.display = "none"; 
    } 
function openBg1(state)//打开遮照 
  { 
    if(state == 1) 
    { 
    $("bg1").style.display = "block"; 
    var h = document.body.offsetHeight > document.documentElement.offsetHeight ? document.body.offsetHeight : document.documentElement.offsetHeight; 
    $("bg1").style.height = h + "px"; 
    $("selectItem1").style.display = "block"; 
    $("selectItem1").style.left = ($("bg1").offsetWidth - $("selectItem1").offsetWidth)/2 + "px"; 
    $("selectItem1").style.top = document.body.scrollTop + 100 + "px"; 
    if(document.all.SelectName.value=="0") 
    { 
      document.getElementById("c00").style.display="block"; 
      
      
    } 
} 
    
    else 
    { 
    $("bg1").style.display = "none"; 
    $("selectItem1").style.display = "none"; 
    }
<div id="bg">
<iframe src="javascript:false" style="position:absolute; visibility:inherit; top:0px; left:0px; width:100%; height:100%; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></iframe>
</div>
<div id="selectItem" class="hidden">
<div class="tit bgc_ccc move" onmousedown="drag(event,this)">
<h2 class="left" style="color:#FFFFFF" >
请选择城市
</h2>
<span class="pointer right"><a href="#"  onclick="closeBg();">[取消]</a></span>
</div>
<div class="cls"></div>
<div class="cont">
<div id="selectSub">
<select name="SelectName" onchange="openBg(1)"
style="margin-bottom: 10px;">
<option value="0">
上海
</option>

</select>
<div id="c00">
<!-- 读取数据库中的数据 -->
<table width="400" height="140" > 
<%
      sql="select top 20 SMT_addtwo_ID,SMT_addtwo from shi where SMT_addone='上海'"
  set rs1=server.CreateObject("adodb.recordset")
  rs1.open sql,conn,1,1
  do while not rs1.eof
%>
<tr> <td><input type="radio" name="ck01" onclick="tableClicked(event)"
value="<%=rs1("SMT_addtwo")%>" />
<%=rs1("SMT_addtwo")%></td>
<%rs1.movenext
if rs1.eof then exit do%>
<td><input type="radio" name="ck01" onclick="tableClicked(event)"
value="<%=rs1("SMT_addtwo")%>" />
<%=rs1("SMT_addtwo")%></td>
<%rs1.movenext
if rs1.eof then exit do%>
<td><input type="radio" name="ck01" onclick="tableClicked(event)"
value="<%=rs1("SMT_addtwo")%>" />
<%=rs1("SMT_addtwo")%></td>
 <%rs1.movenext
  loop
  rs1.close
  set rs1=nothing%>
</tr> 
 
</table></div>

</div>
</div>
</div>
<div id="bg1">
<iframe src="javascript:false" style="position:absolute; visibility:inherit; top:0px; left:0px; width:100%; height:100%; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></iframe>
</div>
<div id="selectItem1" class="hidden">
<div class="tit bgc_ccc move" onmousedown="drag(event,this)">
<h2 class="left" style="color:#FFFFFF" >
请选择城市
</h2>
<span class="pointer right"><a href="#"  onclick="closeBg();">[取消]</a></span>
</div>
<div class="cls"></div>
<div class="cont">
<div id="selectSub">
<select name="SelectName" onchange="openBg1(1)"
style="margin-bottom: 10px;">
<option value="0">
上海
</option>

</select>
<div id="c00">
<!-- 读取数据库中的数据 -->
<table width="400" height="140" > 
<%
      sql="select top 20 SMT_addtwo_ID,SMT_addtwo from shi where SMT_addone='北京'"
  set rs1=server.CreateObject("adodb.recordset")
  rs1.open sql,conn,1,1
  do while not rs1.eof
%>
<tr> <td><input type="radio" name="ck01" onclick="tableClicked(event)"
value="<%=rs1("SMT_addtwo")%>" />
<%=rs1("SMT_addtwo")%></td>
<%rs1.movenext
if rs1.eof then exit do%>
<td><input type="radio" name="ck01" onclick="tableClicked(event)"
value="<%=rs1("SMT_addtwo")%>" />
<%=rs1("SMT_addtwo")%></td>
<%rs1.movenext
if rs1.eof then exit do%>
<td><input type="radio" name="ck01" onclick="tableClicked(event)"
value="<%=rs1("SMT_addtwo")%>" />
<%=rs1("SMT_addtwo")%></td>
 <%rs1.movenext
  loop
  rs1.close
  set rs1=nothing%>
</tr> 
 
</table></div>

</div>
</div>
</div>
<a href="#"  id="上海" onClick="openBg(1);">上海</a> <a href="#"  id="北京" onClick="openBg1(1);">北京</A>

Answer 5

现在好 了, 效果大概就是这样子的,有没高手帮忙 简化下代码啊?<a href="#"  id="上海" onClick="openBg(1);">上海</a> <a href="#"  id="北京" onClick="openBg(1);">北京</A>实现单击不同地区,弹出不同的层来!