用JavaScript遮掩控件的办法二则金沙网址:

金沙网址,帮客之家(www.Bkjia.com)教程
用JavaScript隐蔽控件的方式有三种,分别是经过设置控件的style的“display”和“visibility”属性。当style.display=”block”或style.visibility=”visible”时控件或见,当style.display
= “none”或style.visibility =
“hidden”时间调控件不可知。区别的是“display”不但遮盖控件,并且被隐形的控件不再占用呈现时占用的岗位,而“visibility”遮掩的控件仅仅是将控件设置成不可知了,控件依旧占俱原来的职位。

以下为引用的内容:
<p>
<input id=’control’ value="想要隐藏的控件">
</p>
<p>

  遮蔽下面的控件,并使其不占用页面上的职位

以下为引用的内容:
<input type="button" value=’隐藏’ onclick=’displayHide_control()’>
<input type="button" value=’显示’ onclick=’displayShow_control()’>
<br />

  仅仅掩盖控件,其职分照样侵夺

以下为引用的内容:
<input type="button" value=’隐藏’ onclick=’visibilityHide_control()’>
<input type="button" value=’显示’ onclick=’visibilityShow_control()’>
</p>

<script language="javascript" type="text/javascript">
function displayHide_control()
{
var _control = document.getElementById("control");
_control.style.display="none";
}
function displayShow_control()
{
var _control = document.getElementById("control");
_control.style.display="block";
}

function visibilityHide_control()
{
var _control = document.getElementById("control");
_control.style.visibility="hidden";
}
function visibilityShow_control()
{
var _control = document.getElementById("control");
_control.style.visibility="visible";
}
</script>

用JavaScript遮盖控件的章程有两种,分别是透过设置控件的style的display和visibility属性。当style.display=block或style.visibilit…

相关文章