javaScript中的隐藏变量

 

js隐藏变量

 

1.

      我们在WEB项目中，有时候需要在用户点击某个东西的时候，一些东西不可用。如果在客户端实现。最简单的就是利用disabled 。下面罗列的其中三种方式：依次是：不可用（disabled）；用一个空白来代替这个地方（Blank）；这个区域为空(None)。

<script language="Javascript" >

        function add(){

                //alert(document.all("slt").options[document.all("slt").selectedIndex].value);

                document.all(document.all("slt").value).style.display="block"

        }

        function del(strName){

                document.all(document.all("slt").value).style.display="none"

        }

</script>

 

<center>

        <select name="slt" size="1">

                      <option selected value="A001"></option>

                      <option value="A001">A001</option>

                      <option value="A002">A002</option>

                      <option value="A003">A003</option>

                      <option value="A004">A004</option>

                      <option value="A005">A005</option>

        </select>

       

       

        <input type="button" value="add" onclick="add()">                           

        <input type="button" value="del" onclick="del()">

       

        <table>

                <tr id="A001"><td>

                <input type="text" value="A001" >

                </td></tr>

                <tr id="A002"><td>

                <input type="text" value="A002">

                </td></tr>

                <tr id="A003"><td>

                <input type="text" value="A003">

                </td></tr>

                <tr id="A004"><td>

                <input type="text" value="A004">

                </td></tr>

                <tr id="A005"><td>

                <input type="text" value="A005">

                </td></tr>

        </table>

</center>

 

 

2.

我们在WEB项目中，有时候需要在用户点击某个东西的时候，一些东西不可用。如果在客户端实现。最简单的就是利用disabled 。下面罗列的其中三种方式：依次是：不可用（disabled）；用一个空白来代替这个地方（Blank）；这个区域为空(None)。

<!--演示代??始//-->

<SCRIPT language=javascript>

function ShowDisableObject(obj)

{

 if(obj.disabled == false)

 {

 obj.disabled = true;

 }

 else{

 obj.disabled = false;

 }

 var coll = obj.all.tags("INPUT");

 if (coll!=null)

 {

 for (var i=0; i<coll.length; i++)

 {

   coll[i].disabled = obj.disabled;

 }

 }

}

 

function ShowBlankObject(obj)

{

 if(obj.style.visibility == "hidden")

 {

 obj.style.visibility = "visible";

 }

 else

 {

 obj.style.visibility = "hidden";

 }

}

 

function ShowNoneObject(obj)

{

 if(obj.style.display == "none")

 {

 obj.style.display = "block";

 }

 else

 {

 obj.style.display = "none";

 }

}

 

</SCRIPT>

 

<P></P>

<DIV id=Show01>dadd

<DIV>ccc</DIV><INPUT> <INPUT type=checkbox> </DIV>

<P><INPUT onclick=ShowDisableObject(Show01); type=button value=Disable> <INPUT id=Button1 onclick=ShowBlankObject(Show01); type=button value=Blank name=Button1> <INPUT id=Button2 onclick=ShowNoneObject(Show01); type=button value=None name=Button2> </P><!--演示代??束//-->

 

这三种方式其实核心代码依次是：

obj.disabled = false;

obj.style.visibility = "hidden";

obj.style.display = "none";

我把这三种收集到一起，供以后查找使用方便。