<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>
<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>
當前時間為:<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>
<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>
<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>
<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'
}
格式:區號-電話(固話)/傳真號碼-分機號
(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>
寫法一:
<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>
寫法一:
<script type="text/javascript">
function checkuid(){
var obj = document.getElementById("uid");
var reg = new RegExp(/^\w+$/);
//必須以字母開頭,且以字母、數字、下劃線(_)隨意組合的正則式為: ^[a-zA-Z]{1}\w*$
寫法一:
<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>
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>
寫法一:
<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>
<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;
}
寫法一:
<script type="text/javascript">
function checknum(){
var obj = document.getElementById("num");
var reg = new RegExp("^[0-9]*$");
if(!reg.test(obj.value)) alert("請輸入數字!");
}
</script>