将参数传递给函数

Passing an argument to a function

本文关键字：函数 参数传递      更新时间：2023-09-26

很简单，我想在我的页面上多次使用以下代码来处理多个"boxes"，所以当调用参数时，我该如何传递参数，即调用隐蔽（box1ID）将隐藏box1ID等等…

function conceal() {      
        if(document.getElementById('box1ID').style.display=='block') {
          document.getElementById('box1ID').style.display='none';
        }
        return false;
    }  
function show() {
    if(document.getElementById('box1ID').style.display=='none') {
      document.getElementById('box1ID').style.display='block';
    }
    return false;
}

它非常简单，只需编写并包含它…

    function conceal(element) {      
        if(document.getElementById(element).style.display=='block') {
          document.getElementById(element).style.display='none';
        }
        return false;
    }  
    function show(element) {
        if(document.getElementById(element).style.display=='none') {
          document.getElementById(element).style.display='block';
        }
    return false;
    }
Call it like so:
conceal('box1ID');

我不确定你需要什么。是这样的东西吗？

function conceal(boxId) {      
        if(document.getElementById(boxId).style.display=='block') {
          document.getElementById(boxId).style.display='none';
        }
        return false;
    }  
function show(boxId) {
    if(document.getElementById(boxId).style.display=='none') {
      document.getElementById(boxId).style.display='block';
    }
    return false;
}


show('box1ID');
conceal('box1ID');

你是这样说的吗？

function conceal(boxID) {      
    if(document.getElementById(boxID).style.display=='block') {
      document.getElementById(box1ID).style.display='none';
    }
    return false;
}

和

function show(boxID) {
    if(document.getElementById(boxID).style.display=='none') {
      document.getElementById(boxID).style.display='block';
    }
    return false;
}

在这里我保存了一些代码

function showhide(id,show) {      
  document.getElementById(id).style.display=show?'block':'none';
  return false;
}

内联使用（我假设您使用内联是因为返回false）

<a href="#" onclick="return showhide('box1ID',true)">Show</a>
<a href="#" onclick="return showhide('box1ID',false)">Hide</a>

切换使用

function toggle(id) {      
  document.getElementById(id).style.display=document.getElementById(id).style.display=="block"?"none":"block";
  return false;
}

内联使用（我假设您使用内联是因为返回false）

<a href="#" onclick="return toggle('box1ID')">Toggle</a>

<input type="Button" onclick="conceal(this.id)"/>

Javascript：

function conceal(buttonId) {      
    if(document.getElementById('+buttonId+').style.display=='block') {
      document.getElementById('+buttonId+').style.display='none';
    }
    return false;
}
相关文章：