本周笔记 正则

检验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[/code] 
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;//更新添加了块框后的列高
}
});