網站地圖 | 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»
色情激情片日本大全