• <em id="52tge"><object id="52tge"><blockquote id="52tge"></blockquote></object></em>

  • <progress id="52tge"></progress>
      
      
      <tbody id="52tge"><pre id="52tge"></pre></tbody>
      <em id="52tge"></em>
      <li id="52tge"><acronym id="52tge"><u id="52tge"></u></acronym></li>

      <nav id="52tge"><sub id="52tge"><noframes id="52tge"></noframes></sub></nav>

      網站地圖 | RSS訂閱 老鐵博客 - 上海SEO優化|上海網站建設|蜘蛛池出租|站群代搭建
      你的位置:首頁 ? 前端腳本
      前端腳本

      JS實現復選框全選、全不選、反選功能

      JS實現復選框全選、全不選、反選功能

      <script type="text/javascript">
      //【制作:凌陳亮www.wgsygc.com(QQ:57404811)】
      //JS實現復選框全選/全不選/反選
      //參數:多選項組名稱,功能(all全選和全不選,其它反選),全選按鈕名稱
      function select_allno(id,type,btnid){
       if(id!=null&&id!=""){ //多選項組名稱不能為空
        if(document.getElementsByName(id)!=undefined&&document.getElementsByName(id).length>0){
         //getElementsByName函數的作用按名字查找對象,返回一個數組。
         var obj=document.getElementsByName(id);
         if(type=="all"){ //全選、全不選
          if(btnid!=null&&btnid!=""){ //全選按鈕名稱不能為空
           var btn=document.getElementById(btnid);
           for(var i=0;i<obj.length;i++) obj[i].checked=btn.checked;
          }
         }else{ //反選
          for(var i=0;i<obj.length;i++){
           var e=obj[i];
           if(e.checked==true) e.checked=false
           else e.checked=true
          }
         }
        }
       }
      }
      </script>

      發布時間:2016年1月6日 | 評論:1 | 瀏覽: | 標簽:Javascript  JS特效  

      前端腳本

      JS實現彈出窗口(不被屏蔽):兼容IE/火狐

      JS實現彈出窗口(不被屏蔽):兼容IE/火狐

      <script type="text/javascript">
      //彈出窗口(不被屏蔽):兼容IE/FIREFOX
      //參數:URL,窗口標題,寬度,高度
      function gw_js_modaldialog(url,name,width,height){
       if(width==undefined){width=400;}
       if(height==undefined){height=300;}
       var x=(window.screen.width-width)/2;
       var y=(window.screen.height-height)/2;
       try{
        window.showModalDialog(url,name,'dialogWidth=' + (width) + 'px;dialogHeight=' + (height+5) + 'px;dialogLeft=' + x + 'px;dialogTop=' + y + 'px;center:yes;status=off;help=no;resizable=no;scroll=no;');
       }catch(ex){
        window.open(url,name,'width=' + width + ',height=' + height + ',left=' + x + ',top=' + y + ',toolbar=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,modal=yes');
       }
      }
      </script>

      發布時間:2016年1月5日 | 評論:0 | 瀏覽: | 標簽:Javascript  彈窗  跳轉  JS特效  

      前端腳本

      JS實現動態顯示年月日時間和周幾

      JS實現動態顯示年月日時間和周幾

      當前時間為:<span id="now"></span>
      <script type="text/javascript">
      //動態顯示年月日時間和周幾【凌陳亮(QQ:57404811)】
      //顯示當前時間的對象ID
      gw_now('now');
      function gw_now(id){
       var obj=window.document.getElementById(id);
        var date=new Date();
       var year=date.getFullYear();
       var month=gw_now_addzero(date.getMonth()+1);
       var day=gw_now_addzero(date.getDate());
       var hour=gw_now_addzero(date.getHours());
       var minute=gw_now_addzero(date.getMinutes());
       var second=gw_now_addzero(date.getSeconds());
       switch (date.getDay()) {
        case 0:week="星期天";break
        case 1:week="星期一";break
        case 2:week="星期二";break
        case 3:week="星期三";break
        case 4:week="星期四";break
        case 5:week="星期五";break
        case 6:week="星期六";break
       }
       obj.innerHTML=year + "-" + month + "-" + day + " " + hour + ":" + minute + ":" + second + " " + week;
       setTimeout("gw_now('" + id + "')",1000);
      }
      function gw_now_addzero(temp){ 
       if(temp<10) return "0" + temp;
       else return temp;
      }
      </script>

      發布時間:2016年1月5日 | 評論:1 | 瀏覽: | 標簽:Javascript  日期時間  JS特效  

      前端腳本

      JS實現倒計時多少秒后自動跳轉到指定頁面地址

      JS實現倒計時多少秒后自動跳轉到指定頁面地址

      <script type="text/javascript">
      <!--//
      //倒計時n秒后自動跳轉到指定頁面地址【凌陳亮(QQ:57404811)】
      //顯示倒計時數字的對象ID,停留的秒數,url網址
      function gw_secsjump(id,n,url){
       var obj=window.document.getElementById(id);
       obj.innerHTML=n;
       if(--n>0) setTimeout("gw_secsjump('" + id+ "'," + n + ",'" + url + "')",1000)
       else window.location.href=url
      }
      </script>

      發布時間:2016年1月5日 | 評論:0 | 瀏覽: | 標簽:Javascript  跳轉  日期時間  JS特效  

      前端腳本

      JS實現圖片等比例縮放,占滿DIV,短的顯示全,長的超出隱藏

      JS實現圖片等比例縮放,占滿DIV,短的顯示全,長的超出隱藏

       <style type="text/css">
      .div { float: left; overflow: hidden; margin: 5px; width: 200px; height: 150px; background: #97CFF0; border: solid 1px #09F; text-align: center; }
      .div img { border: 0; }
      </style>
      <div class="div"><a href="#" target="_blank"><img src="images/1.jpg" alt="" onload="chgdivimgwh(this,200,150)" /></a></div>
      <script>
      //自動縮放圖片尺寸,占滿整個DIV,短的顯示全,長的超出隱藏只顯示部分,不夠DIV寬高的則拉伸
      //參數:圖片對象,圖片寬度,圖片高度
      function chgdivimgwh(obj,width,height){
       var image=new Image();
       image.src=obj.src; //獲取圖像路徑
       var width1=image.width; //獲取圖像寬度
       var height1=image.height; //獲取圖像高度
       var a1=height1/width1;
       var a2=height/width;
       if(a1>a2){
        obj.width=width;
        obj.height=height1*width/width1;
        obj.style.marginTop='-' + Math.round((obj.height-height)/2)+ 'px';
       }else{
        obj.height=height;
        obj.width=width1*height/height1;
        obj.style.marginLeft='-' + Math.round((obj.width-width)/2)+ 'px';
       }
      }
      </script>

      發布時間:2016年1月4日 | 評論:2 | 瀏覽: | 標簽:Javascript  圖片縮放  JS特效  

      前端腳本

      JS實現圖片等比例縮放,水平垂直居中且展示全圖

      JS實現圖片等比例縮放,水平垂直居中且展示全圖

      <style type="text/css">
      .div { float: left; overflow: hidden; margin: 5px; width: 200px; height: 150px; background: #97CFF0; border: solid 1px #09F; text-align: center; }
      .div img { border: 0; }
      </style>
      <div class="div"><a href="#" target="_blank"><img src="images/1.jpg" alt="" onload="chgimgwh(this,200,150)" /></a></div>
      <script>
      //自動縮放圖片尺寸,水平垂直居中且展示全圖,不夠DIV寬高的就顯示圖片原本的尺寸
      //參數:圖片對象,最大寬度,最大高度
      function chgimgwh(obj,width,height){
       var image=new Image();
       image.src=obj.src; //獲取圖像路徑
       var width1=image.width; //獲取圖像寬度
       var height1=image.height; //獲取圖像高度
       var w=width1/width;
       var h=height1/height;
       if(width1<width && height1<height){
        obj.width=width1;
        obj.height=height1;
       }else{
        if(h>w){
         obj.height=height;
         obj.width=width1*height/height1;
         
        }else{
         obj.width=width;
         obj.height=height1*width/width1;
        }
       }
       if(height>obj.height) obj.style.marginTop=Math.round((height-obj.height)/2)+ 'px'
      }

      發布時間:2016年1月4日 | 評論:0 | 瀏覽: | 標簽:Javascript  圖片縮放  JS特效  

      前端腳本

      JS驗證電話號碼格式

      JS驗證電話號碼格式

      格式:區號-電話(固話)/傳真號碼-分機號
                (0)(2/3位數字-)7/8位數字(-1到8位數字)
      ?   如:021-88888888-8888、88888888、88888888-88、21-88888888、0556-88888888等等


      寫法一:
      <script type="text/javascript">
      function checktel(){
       var obj = document.getElementById("tel");
       var reg = new RegExp(/^(0?\d{2,3}\-)?[1-9]\d{6,7}(\-\d{1,4})?$/);
       if(!reg.test(obj.value)) alert("電話號碼格式錯誤!");
      }
      </script>

      發布時間:2015年12月28日 | 評論:0 | 瀏覽: | 標簽:Javascript  表單驗證  字符串驗證  驗證電話號碼  

      前端腳本

      JS驗證手機號碼格式

      JS驗證手機號碼格式

      寫法一:
      <script type="text/javascript">
      function checkmobile(){
       var obj = document.getElementById("mobile");
       var reg = new RegExp(/^1\d{10}$/);
       if(!reg.test(obj.value)) alert("手機號格式錯誤!");
      }
      </script>

      發布時間:2015年12月28日 | 評論:0 | 瀏覽: | 標簽:Javascript  表單驗證  字符串驗證  驗證手機號  

      前端腳本

      JS驗證用戶名必須以字母(不區分大小寫)、數字、下劃線(_)隨意組合的字符

      JS驗證用戶名必須以字母(不區分大小寫)、數字、下劃線(_)隨意組合的字符

      寫法一:

      <script type="text/javascript">
      function checkuid(){
       var obj = document.getElementById("uid");
       var reg = new RegExp(/^\w+$/);

       //必須以字母開頭,且以字母、數字、下劃線(_)隨意組合的正則式為:  ^[a-zA-Z]{1}\w*$

      發布時間:2015年12月25日 | 評論:0 | 瀏覽: | 標簽:Javascript  表單驗證  字符串驗證  驗證用戶名  

      前端腳本

      JS判斷URL網址格式(可匹配中文)

      JS判斷URL網址格式(可匹配中文)

      寫法一:

      <script type="text/javascript">
      function checkurl(){
       var obj = document.getElementById("url");
       var reg = new RegExp(/^[hH][tT][tT][pP]([sS]?):\/\/(\S+\.)+\S{2,}$/);
       if(!reg.test(obj.value)) alert("URL格式錯誤!");
      }
      </script>

      發布時間:2015年12月25日 | 評論:0 | 瀏覽: | 標簽:Javascript  表單驗證  字符串驗證  驗證URL格式  

      前端腳本

      JS實現DIV盒子高度為寬度2倍

      JS實現DIV盒子高度為寬度2倍

      JS控制DIV高度,同理可實現控制DIV寬度變化。具體方法如下:


      方法一:

      <div id="div" style="width: 100px; background: #F90;">test</div>

      <script type="text/javascript">
       var div = document.getElementById("div");
       var width=parseInt(div.style.width) || div.offsetWidth;
       div.style.height=width*2 + "px";
      </script>

      發布時間:2015年12月24日 | 評論:0 | 瀏覽: | 標簽:Javascript  JS控制DIV  JS特效  

      前端腳本

      JS判斷Email格式(可驗證英文和中文郵箱)

      JS判斷Email格式(可驗證英文和中文郵箱)

      寫法一:

      <script type="text/javascript">
      function checkemail(){
       var obj = document.getElementById("email");
       var reg = new RegExp(/^\S+@\S+\.\S{2,}$/);
       if(!reg.test(obj.value)) alert("Email格式錯誤!");
      }
      </script>

      發布時間:2015年12月24日 | 評論:0 | 瀏覽: | 標簽:Javascript  表單驗證  字符串驗證  驗證Email格式  

      前端腳本

      JS獲取字符串長度,1個中文=2個英文

      JS獲取字符串長度,1個中文=2個英文

      <script type="text/javascript">

      //獲取字符串長度,1個中文=2個英文【凌陳亮(QQ:57404811)】

      //參數:對象
      function gw_js_checkform_str_len(str){
       var value=str;
       var length=value.length;
       if(length>0){
        for(var i=0;i<length;i++){
         var value_substr=value.substr(i,1); //截取字符串
         var value_escape=escape(value_substr); //編碼
         if(value_escape.indexOf('%u')>-1){length++;} //是否搜索到指定字符串
         //if(value_escape.length>3){length++;} //也可使用此語句替換上一條語句
        }
       }
       return length;

      發布時間:2015年12月18日 | 評論:0 | 瀏覽: | 標簽:Javascript  表單驗證  字符串驗證  驗證字符串長度  

      前端腳本

      JS判斷字符串是否為數字

      JS判斷字符串是否為數字

      寫法一:

      <script type="text/javascript">
      function checknum(){
       var obj = document.getElementById("num");
       var reg = new RegExp("^[0-9]*$");
       if(!reg.test(obj.value)) alert("請輸入數字!");
      }
      </script>

      發布時間:2015年12月18日 | 評論:0 | 瀏覽: | 標簽:Javascript  驗證數字  表單驗證  字符串驗證  

      «128129130131132133134135136137138139140141142143144145146147»
      色情激情片日本大全|亚洲无码色情gif|六人行成人版第九影院|亚洲成人电影理论电影

    1. <em id="52tge"><object id="52tge"><blockquote id="52tge"></blockquote></object></em>

    2. <progress id="52tge"></progress>
        
        
        <tbody id="52tge"><pre id="52tge"></pre></tbody>
        <em id="52tge"></em>
        <li id="52tge"><acronym id="52tge"><u id="52tge"></u></acronym></li>

        <nav id="52tge"><sub id="52tge"><noframes id="52tge"></noframes></sub></nav>