程序博客网 > 网络机顶盒用显示器

10.18javascript学习小技巧

来源：互联网 发布：网络机顶盒用显示器 编辑：程序博客网 时间：2024/06/05 04:37

 1.clearTimeout的使用

代码：

<html  >
<head  >
<script  >
var timeid;
function Test(){
         var str="";
         str+="Hello,";
         str+="This is a Test!  <br /  >";
         str+="I Love you;  <br /  >";
         str+="I Love you,too!";
   var num= Math.random();
         p.innerHTML=str+"  <br /  >  <br /  >"+ "  <p id=num  >"+num+"  </p  >";
 
         timeid = setTimeout(  'Test();  ',1000);
}

</script  >
</head  >
<body onload=Test();  >
<span id="p"  >12  </span  >
<input type="button" onClick="Stop();" value="stop" /  >
</doby  >
<script  >
function Stop()
{
clearTimeout(timeid);
var num =  document.getElementById("num").innerText;
alert(num);
}
</script  >
</html  >

2.数据之间的转移（转载）

代码：

<html >
<head >
<meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312" >
<title >made   by   meixx </title >
<script   language="javascript" >
<!--
function   Add(ObjSource,ObjTarget){
for(var   i=ObjSource.length-1;i >=0;i--){
if(ObjSource.options[i].selected){
ObjTarget.add(new   Option(ObjSource.options[i].text,ObjSource.options[i].value,true));
ObjSource.options.removeChild(ObjSource.options[i]);
}
}
}
function   AddAll(ObjSource,ObjTarget){
SelectAll(ObjSource);
Add(ObjSource,ObjTarget);
}
function   SelectAll(ObjSource){
for(var   i=0;i <ObjSource.length;i++){
ObjSource.options[i].selected=true;
}
}

function   doSubmit(){
SelectAll(frmDisplay.dltTarget);
//frmDisplay.action="";//设置form   提交的action
alert(frmDisplay.action);
//frmDisplay.submit();//取消注释即可,提交上去的options
}
//- >
</script >
</head >

<body >
<table   width="350"   border="1"   style="border-collapse:collapse   "   bordercolor="#111111"   cellpadding="0"   cellspacing="0" >
    <tr >
        <td   width="150" >
<select   name="dltSource"   size="10"   multiple   style="width:100%   " >
<option   value="0" >辽宁 </option >
<option   value="0" >黑龙江 </option >
<option   value="0" >吉林 </option >
<option   value="0" >河北 </option >
<option   value="0" >河南 </option >
<option   value="0" >江苏 </option >
<option   value="0" >浙江 </option >
<option   value="0" >海南 </option >
<option   value="0" >福建 </option >
<option   value="0" >山东 </option >
<option   value="0" >青海 </option >
<option   value="0" >宁夏 </option >
<option   value="0" >内蒙古 </option >
<option   value="0" >新疆 </option >
<option   value="0" >陕西 </option >
</select >
</td >
        <td   width="50"   valign="middle" >
<p   style="width:100%"   align="center" > <input   type="button"   value="- >"   onClick="Add(document.all.dltSource,frmDisplay.dltTarget)"   title="添加" > </p >
<p   style="width:100%"   align="center" > <input   type="button"   value="= >"   onClick="AddAll(document.all.dltSource,frmDisplay.dltTarget)"   title="添加全部" > </p >
<p   style="width:100%"   align="center" > <input   type="button"   value=" <-"   onClick="Add(frmDisplay.dltTarget,document.all.dltSource)"   title="删除" > </p >
<p   style="width:100%"   align="center" > <input   type="button"   value=" <="   onClick="AddAll(frmDisplay.dltTarget,document.all.dltSource)"   title="删除全部" > </p >
</td >
        <td   width="150" >
<form   id="frmDisplay"   action="xxx.jsp"   method="post"   style="margin:0   " >
<select   name="dltTarget"   size="10"   multiple   style="width:100%   " > </select >
</form >
</td >
    </tr >
    <tr >
        <td   align="center" >作者:梅雪香 </td >
        <td   align="center" >ver:1.0 </td >
        <td   align="center" >
<input   type="reset"   onClick="javascript:window.location.reload();"   value="重置" >&nbsp;&nbsp;
<input   type="button"   value="提交"   onClick="doSubmit()" >
</td >
    </tr >
</table >

</body >
</html >

3.全选和反全选

代码：

<html >
<head >
<meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312" >
<title >组成员管理-TEST </title >

<script   type="text/javascript"   >

function   allCheck(oAllChkBox)  
{  
var   oForm =   document.getElementById( "resForm");
var   oChkBoxes   = oForm["item[]"];

for(   i=0;i <oChkBoxes.length;i++   )  
{
oChkBoxes[i].checked   =   oAllChkBox.checked;
}
}  
</script >
</head >

<body >
<form   id="resForm"   name="resForm"   method="post"   action=""   >
    <table   width="10%"   border="0" >
        <tr   align="center" >
            <td   > <input   type="checkbox"   name="item[]"   value="1" > </td >
        </tr >
     
  <tr   align="center" >
            <td   width="35%"   height="19" > <input   type="checkbox"   name="item[]"   value="2" > </td >
        </tr >
            <tr   align="center" >
            <td   width="35%"   height="19" > <input   type="checkbox"   name="item[]"   value="3" > </td >
        </tr >
          <tr   align="center" >
            <td   width="35%"   height="19" > <input   type="checkbox"   name="item[]"   value="4" > </td >
        </tr >
    </table >
    <input   type="checkbox"   name="allChk"   onclick="allCheck(this);" >   全选
    </form >
<br   / >
</body >
</html >

网络机顶盒用显示器 网络机顶盒用显示器
原创粉丝点击
热门IT博客
淘宝牛仔裤38啥意思淘宝牛仔裤38啥意思
手机 电脑 相册软件手机 电脑 相册软件
海岛地雷升级数据
java 重复提交
vr怎么看片 知乎
ad7606 数据手册
阿里云手机官网
mac mini 2017
java运行原理图
js trim
js数组从小到大排序
湘阴农村淘宝招聘信息
淘宝清退中小卖家
python 私有属性 知乎
mac网页视频怎么全屏
2017移动互联网数据
淘宝自动收获几天
市政工程算量软件
淘宝运费险最多赔多少
dxv解码器 for mac
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 佛前供花 佛系花妖的抢钱日常 怨佛 花龙鼓 菩提花佛前开 佛系女配回到黑化前 地生花 佛冈送花 佛系花妖的抢钱日常 金面佛 佛莲 佛莲书包 佛系诗句 诗佛 诗佛是谁 诗圣诗仙诗魔诗佛诗鬼 诗仙诗圣诗佛诗鬼 诗佛丶诗圣丶诗鬼 王维诗佛 仓央嘉措的诗我问佛 王维诗佛的名称是怎么来的 诗佛是指哪位诗人 诗仙诗圣诗鬼诗佛都是谁 佛诗 中峰和尚劝念佛诗 佛词 佛语经典语录 佛语禅心 佛语经典语录600句 佛语人生哲理经典 心静佛语 佛语经典 心静的佛语 纶音佛语 佛语禅心经典句子 佛语人生 禅心佛语 经典佛语 佛语图片 悟透人生的佛语 佛语静心经典句子 执念太深的佛语怎么说 参悟人生的佛语 看破红尘的佛语

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里