几个常用的js技巧

常用的js技巧

1.【获取链接后面的参数】

/*获取链接后面的参数*/
function getUrlParam(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
    var r = window.location.search.substr(1).match(reg);  //匹配目标参数
    if (r != null) 
        return unescape(r[2]); 
    return null; //返回参数值
}

2.【按断上传文件是图片类型还是Excel类型】

/*判断上传文件是否为Excel文件 
*/  
function submitExcelForm(){
    var file = $("input[name='fileupload']").val();
    var excel = file.slice(file.lastIndexOf(".")+1).toLowerCase();//判断文件是否为Excel类型
    if ("xls" != excel) {
        alert("只能上传Excel 97-2003格式文件！");
        return false;
    } else {
        $("#myform").submit();
    }
}

/*  
 * 判断图片类型  
 */    
function checkImgType(ths){    
    if (ths.value == "") {    
        alert("请上传图片");    
        return false;    
    } else {    
        if (!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(ths.value)) {    
            alert("图片类型必须是.gif,jpeg,jpg,png中的一种");    
            ths.value = "";    
            return false;    
        }    
    }    
    return true;    
}   

3.【设置某个div显示或隐藏】

/*如果点击的是Excel抽取，则隐藏SqlServer  div，如果点击的是SqlServer抽取，则隐藏Excel  div */
var flag = getUrlParam('flag');
var conten_div_1 = document.getElementById("conten_div_1");
var conten_div_2 = document.getElementById("conten_div_2");
if(flag == 'sqlserverToOracle'){
    conten_div_1.style.display = "none";
}else if(flag == 'excelToOracle'){
    conten_div_2.style.display = "none";
}