HTML 5学習メモ5

2290 ワード

1.ul-liの展示画像を横に並べて表示し、float:leftを使用する.2.一般的な数値検証のいくつかの正規表現
"^\\d+$"  //    (    + 0)
"^[0-9]*[1-9][0-9]*$"  //   
"^((-\\d+)|(0+))$"  //    (    + 0)
"^-[0-9]*[1-9][0-9]*$"  //   
"^-?\\d+$"    //  
"^\\d+("  //     (     + 0)
"^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$"  //    
"^((-\\d+("  //     (     + 0)
"^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"  //    
"^(-?\\d+)("  //   
var r = /^\+?[1-9][0-9]*$/;  //   
r.test(str);

3.前後のスペースStringを削除する.prototype.trim = function () { return this.replace(/(^[ | ])|([ | ]$)/g, ""); } 4.window.history.forward(1); ページの後退を阻止する.5.配列を単純に結合する方法
var mergeTo = [4,5,6];
var mergeFrom = [7,8,9];
Array.prototype.push.apply(mergeTo, mergeFrom);
mergeTo; // is: [4, 5, 6, 7, 8, 9]

6.ページを最後までスライドさせた場合、ロード解除を判断する2つの方法:方法1
$(window).scroll(function() {

var scrollTop = $(this).scrollTop();//                。

var scrollHeight = $(document).height();//       

var windowHeight = $(this).height();

if(scrollTop + windowHeight >= scrollHeight) {

orderid = $("#orderidHidden").val();

getdata(usertype, notvip, orderid);//       
}
});

方法2
var divH = document.body.scrollHeight,top = document.body.scrollTop,windowH = window.screen.availHeight;
if ((top + windowH) >divH) {
console.log('         ');
}
console.log('      :' + document.body.scrollHeight + '        : ' + document.body.scrollTop + '          :' + window.screen.availHeight);

7.感嘆符でブール以外の値をブール値に変換できます.8.ダブルウェーブ番号の役割(内容を数字に変換するか、小数点以下を整数にする);NUllは-1,9に変換する.乱数の作成:0~100以内の乱数の作成:var randNum=~~(Math.random(*)*100);10.繰り返しタイマーで、frameを絶えず変更し、ランニングランプの効果に似ています. setTimeout(function() { var div = document.getElementById("timer"), left = parseInt(div.style.left) + 5; div.style.left = left + "px"; if (left < 200){ setTimeout(arguments.callee, 50); } }, 50);