本周笔记 正则

检验IP

var ipReg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
var str = "1";
ipReg.test(str);

　　

检验网址1 http://www.baidu.com

var domainReg = /^(?:http(?:s|):\/\/|)(?:(?:\w*?)\.|)(?:\w*?)\.(?:\w{2,4})(?:\?.*|\/.*|)$/;
var str = "1";
domainReg.test(str);

检验网址2 www.baidu.com

var domainReg = /(?:(?:\w*?)\.|)(?:\w*?)\.(?:\w{2,4})(?:\?.*|\/.*|)$/;
var str = "1";
domainReg.test(str);

 

---

<fieldset>
    <legend>验证IP地址</legend>
    <input type="text" id="domain" value="" style="width:150px;height:22px;" class="">
    <button value="查询" onclick="domain_check()">查询</button>    
    <script>
    function domain_check(){        
        var domain = $("#domain").val();    
        var reg =  /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/
            if (!reg.test(domain)) {
                if((domain != "")&&(domain != null)){
                alert("请输入正确的用户IP地址");
                return false;
                }
            }
    }
</script>
</fieldset> 

 

---

 

遍历循环 元素的高，并放到一个数组里

var arry = [];

$element.each(function(index,el){//each()里有个匿名函数，匿名函数有两个参数，第一个是索引，第二个是要遍历的元素，是dom对象
    var h = $element.eq(index).height();
    
    arry[index] = h;
    
})

console.log(arry);

　　

---

function checkscrollside(){
    var $aPin = $( "#main>div" );
    var lastPinH = $aPin.last().get(0).offsetTop + Math.floor($aPin.last().height()/2);//创建【触发添加块框函数waterfall()】的高度：最后一个块框的距离网页顶部+自身高的一半(实现未滚到底就开始加载)
    var scrollTop = $( window ).scrollTop()//注意解决兼容性
    var documentH = $( document ).width();//页面高度
    return (lastPinH < scrollTop + documentH ) ? true : false;//到达指定高度后 返回true，触发waterfall()函数
}

　　

---

function getClassObj(parent,className){
    var obj=parent.getElementsByTagName('*');//获取 父级的所有子集
    var pinS=[];//创建一个数组 用于收集子元素
    for (var i=0;i<obj.length;i++) {//遍历子元素、判断类别、压入数组
        if (obj[i].className==className){
            pinS.push(obj[i]);
        }
    };
    return pinS;
}

var pinHArr=[];//用于存储 每列中的所有块框相加的高度。

    $aPin.each( function( index, value ){
        var pinH = $aPin.eq( index ).height();
        if( index < num ){
            pinHArr[ index ] = pinH; //第一行中的num个块框pin 先添加进数组pinHArr
        }else{
            var minH = Math.min.apply( null, pinHArr );//数组pinHArr中的最小值minH
            var minHIndex = $.inArray( minH, pinHArr );// $.inArray判断一个值在数组中的索引，两个参数，判断谁，在哪个数组中判断
            $( value ).css({
                'position': 'absolute',
                'top': minH + 15,
                'left': $aPin.eq( minHIndex ).position().left
            });
            //数组 最小高元素的高 + 添加上的aPin[i]块框高
            pinHArr[ minHIndex ] += $aPin.eq( index ).height() + 15;//更新添加了块框后的列高
        }
    });