随笔-19  评论-5  文章-3  trackbacks-0
搜集的可能大家平时没有注意的,但是比较实用的JS代码:

(1)点击文字实现checkbox选项的选定或取消
    <input type="checkbox" name="chk" value="chk1" id="idChk1">
    <label for="idChk1">点击选定或取消1</label><br>
    <input type="checkbox" name="chk" value="chk2" id="idChk2">
    <label for="idChk2">点击选定或取消2</label><br>

(2)点击文字实现radio选项的选定
    <input type="radio" name="rad" value="rad1" id="idRad1">
    <label for="idRad1"> 点击选定</label><br>
    或者
    <label for="idRad1"><input type="radio" name="rad" id="idRad1" >imdosop</label>

(3)显示文档最后修改日期
     <script language="javascript">
     document.write(document.lastModified)
     </script>

(4)传递对象form
      <form name="fm1" >
      <input type="text" name="txt" value="rad1" onblur="showForm(this.form);" > 
      </form>
      <form name="fm2" >
      <input type="text" name="txt" value="rad1" onblur="showForm(this.form);" > 
      </form>
     <script language="javascript">
     function showForm(fm){
          alert(fm.name);
          alert(fm.txt.value);
          fm.txt.value="222";
          alert(fm.txt.value);
     }
     </script>

(5)过10秒自动关闭页面
    <script language="JavaScript" >
        setTimeout("self.close()",10000);
    </script>

(6)改变水平线的特征
    <hr size="0" noshade color="#C0C0C0">

(7)在网页上显示实时时间
    <script language="javascript">
    window.onload=function(){
        setInterval("document.fm.txtclock.value=(new Date);",1000);
    }
    </script>

(8)判断cookie是否可用
    <script language="javascript">
    window.onload=function(){
         if(navigator.cookieEnabled){
             alert("Cookie可用");
         }
    }
    </script>

(9)截取小数点后两位
    window.onload=function(){
        var a=3454545.4454545;
        alert(a.toFixed(2));
    }

(10)动态改变字体大小
    function reSize(size) {
        document.getElementById('imdosop').style.fontSize = size+'px';
    }

会继续补充,也请大家把自己掌握的贴出来共享。。。


天天学习,好好向上——

posted on 2011-12-30 15:30 東頭bing阿頭 阅读(246) 评论(0)  编辑  收藏 所属分类: WEB开发

只有注册用户登录后才能发表评论。


网站导航: