js 自定义函数

  function locking(id){  
  document.all.ly.style.display="block";  
  document.all.ly.style.width=document.body.clientWidth;  
  document.all.ly.style.height=document.body.clientHeight;  
  document.all.Layer2.style.display='block';  
  alert(id);这个函数，我调用他的时候， locking（this.id）
如何判断 id值 ？比如 <a  href="#" id="湖南" onclick="locking（this.id）
">单击</a>
<a  href="#" id="湖北" onclick="locking（this.id）
">单击</a>如何判断，显示不同的市？ 

解决方案 »

  1.   

    locking中 alert(id); 此处id就是湖南或湖北了
    switch(id){
      case '湖南': alert(id);break;
      case '湖北': alert(id);break;
    }
      

  2.   


    <html> 
    <script type="text/javascript"> 
    function locking(id){
      switch(id){ 
        case '湖南': showdiv('lay1');break; 
        case '湖北': showdiv('lay2');break; 
      } 
    }
    function showdiv(id){
      var obj = document.getElementById(id);
      obj.style.display="block";  
      obj.style.width=document.body.clientWidth;  
      obj.style.height=document.body.clientHeight;  
    //  document.all.Layer2.style.display='block';  }
    </script> <a href="#" id="湖南" onclick="locking(this.id)">单击</a> 
    <a href="#" id="湖北" onclick="locking(this.id)">单击</a> <div id="lay1" style="position:absolute;left:0;top:0;background:yellow;z-index:10;display:none;">
    湖南
    <a href="#" onclick="document.getElementById('lay1').style.display='none';">关闭</a>
    </div>
    <div id="lay2" style="position:absolute;left:0;top:0;background:yellow;z-index:10;display:none;">
    湖北
    <a href="#" onclick="document.getElementById('lay2').style.display='none';">关闭</a>
    </div>
      

  3.   

    大概理解是不是这样？
    <a href="#" id="湖南" onclick="showDiv(this)">
    <a href="#" id="湖北" onclick="showDiv(this)">
    <div id="湖南div" style="display:none;">
    <div id="湖北div" style="display:none;">
    <script>
    var old_obj = null;
    function locking(obj){ 
      //显示对应div层
      document.getElementsById(obj+"div").style.display="block"; 
      document.getElementsById(obj+"div").style.width=document.body.clientWidth; 
      document.getElementsById(obj+"div").style.height=document.body.clientHeight; 
      if(old_obj != null) {
        document.getElementsById(old_obj+"div").style.display=""; 
        //隐藏上一次的层
      }
      old_obj = obj;
    }
    </script>
      

  4.   

    <a href="#" id="湖南" onclick="showDiv(this)">湖南</a>
    <a href="#" id="湖北" onclick="showDiv(this)">湖北</a>
    <div id="湖南div" style="display:none;">23</div>
    <div id="湖北div" style="display:none;">12</div>
    <script>
    var old_obj_id = null;
    function showDiv(obj){
      //显示对应div层
      document.getElementById(obj.id+"div").style.display="block";
      document.getElementById(obj.id+"div").style.width=document.body.clientWidth;
      document.getElementById(obj.id+"div").style.height=document.body.clientHeight;
      if(old_obj_id != null) {
        document.getElementById(old_obj_id+"div").style.display="none";
        //隐藏上一次的层
      }
      old_obj_id = obj.id;
    }
    </script>
    不好意思，刚才匆忙的没有调试，错的离谱，再贴一次代码
      

  5.   


    <div id="hrefs">
    <a href="#" id="湖南" onclick="showDiv(this)">湖南</a>
    <a href="#" id="湖北" onclick="showDiv(this)">湖北</a>
    </div>
    <div id="湖南div" style="display:none;">23<a href="#" onclick="back()">返回</a></div>
    <div id="湖北div" style="display:none;">12<a href="#" onclick="back()">返回</a></div>
    <script>
    var old_obj_id = null;
    function showDiv(obj){
      //隐藏原层
      document.getElementById("hrefs").style.display="none";
      //显示对应div层
      document.getElementById(obj.id+"div").style.display="block";
      document.getElementById(obj.id+"div").style.width=document.body.clientWidth;
      document.getElementById(obj.id+"div").style.height=document.body.clientHeight;
      if(old_obj_id != null) {
        document.getElementById(old_obj_id+"div").style.display="none";
        //隐藏上一次的层
      }
      old_obj_id = obj.id;
    }
      function back() {
        document.getElementById("hrefs").style.display="block";
        document.getElementById(old_obj_id+"div").style.display="none";
      }
    </script>
    看到你另一篇帖子，觉得你说的“弹出层”的意思，是不是就是这样而已？？不太理解弹出层的含义哦
      

  6.   

    7# 的 aperson111
    代码出错了！
      

  7.   

    <div id="hrefs">
    <a href="#" id="湖南" onclick="showDiv(this)">湖南</a>
    <a href="#" id="湖北" onclick="showDiv(this)">湖北</a>
    </div>
    <div id="湖南div" style="display:none;">23<a href="#" onclick="back()">返回</a></div>
    <div id="湖北div" style="display:none;">12<a href="#" onclick="back()">返回</a></div>
    <script>
    var old_obj_id = null;
    function showDiv(obj){
      //隐藏原层
      document.getElementById("hrefs").style.display="none";
      //显示对应div层
      document.getElementById(obj.id+"div").style.display="block";
      document.getElementById(obj.id+"div").style.width=document.body.clientWidth;
      document.getElementById(obj.id+"div").style.height=document.body.clientHeight;
      if(old_obj_id != null) {
        document.getElementById(old_obj_id+"div").style.display="none";
        //隐藏上一次的层
      }
      old_obj_id = obj.id;
    }
      function back() {
        document.getElementById("hrefs").style.display="block";
        document.getElementById(old_obj_id+"div").style.display="none";
       old_obj_id = null;
      }
    </script>唉，忘记把old_obj_id给重新赋值了
    快下班了，今天就回帖到此
      

  8.   


    学习了 。！是不是你弹出的层的 大小 就是网页的大小？所以没弹出的层的效果？  document.getElementsById(obj+"div").style.width=document.body.clientWidth/2; 
      document.getElementsById(obj+"div").style.height=document.body.clientHeight/2; 这样就有效果了!
      

  9.   

    switch(id){case '湖南': alert(id);break; case '湖北': alert(id);break;}