2019.1.7筆記 正則表示式&DOM節點
一、Math
console.log(Math.E); 自然常數
console.log(Math.PI); 圓周率
console.log(Math.abs(-12)); 絕對值,取正 結果為12
console.log(Math.ceil(12.3)); 向上取整 結果為13
console.log(Math.floor(14.8)); 向下取整
console.log(Math.round(1234.5678)); 四捨五入 結果為1235
console.log(Math.pow(2,3)); 冪次方 2的3次冪 結果為=8
console.log(Math.sqrt(4)); 平方根 結果為2
console.log(Math.ceil(Math.random()*10)); random( )方法可返回介於0~1之間的一個隨機數 結果為3
console.log(Math.max(12,3423,45345,6435655345)); 最大值
console.log(Math.min(-234,23,2346,324536)) 最小值 結果為-234
月份單詞:
一月:January 簡寫Jan. 英 ['dʒænjʊ(ə)rɪ] 美 ['dʒænjʊ'ɛri]
二月:February 簡寫Feb. 英 [ˈfebrʊərɪ] 美 [ˈfebrʊerɪ;'fɛbrʊɛrɪ]
三月:March 簡寫Mar. 英 [mɑːtʃ] 美 [mɑrtʃ]
四月:April 簡寫Apr. 英 ['eɪprəl] 美 ['eprəl]
五月:May 簡寫May. 英 [meɪ] 美 [me]
六月:June 簡寫Jun. 英 [dʒu:n] 美 [dʒun]
七月:July 簡寫Jul. 英 [dʒʊˈlaɪ] 美 [dʒʊˈlaɪ]
八月:August 簡寫Aug. 英 [ɔ:ˈgʌst] 美 [ɔˈɡʌst]
九月:September 簡寫Sep. / Sept. 英 [sep'tembə(r)] 美 [sep'tembər]
十月:October 簡寫Oct. 英 [ɒkˈtəʊbə(r)] 美 [ɑkˈtobɚ]
十一月:November 簡寫Nov. 英 [nəʊ'vembə(r)] 美 [noʊ'vembər]
十二月:December 簡寫Dec. 英 [dɪ'sembə] 美 [dɪ'sɛmbɚ]
星期單詞:
星期一:Monday 縮寫:Mon.
星期二:Tuesday 縮寫:Tue.
星期三:Wednesday 縮寫:Wed.
星期四:Thursday 縮寫:Thur.
星期五:Friday 縮寫:Fri.
星期六:Saturday 縮寫:Sat.
星期日:Sunday 縮寫:Sun.
二、Date
var d=new Date(); //獲取年月日時間
console.log(d);
var d=new Date(2019,1,7); //實際輸出的月份比實際傳進的月份多一個月
console.log(d);
var d=new Date(45,1); //從1900年+傳入的第一個引數;小於100從1990+;大於100從元年+;
console.log(d);
var d=new Date(2013,13,2); //0~11;實際表達1~12
console.log(d);
console.log(Date.now()); //獲取當前時間戳
console.log(Date.parse(2015,09,26,12,23,34)); //獲取這個時間段的時間戳
console.log(d.getFullYear()); //獲取年份
console.log(d.getMonth()+1); //獲取月份
console.log(d.getDate()); //獲取當前日
console.log(d.getDay()); //星期幾(0是星期日)
console.log(d.getHours()); //時
console.log(d.getMinutes()); //分
console.log(d.getSeconds()); //秒
console.log(d.getMilliseconds());
console.log(d.getTime());
更改:
d.setDate('11');
console.log(d);
d.setFullYear('2016');
console.log(d);
三、Regexp
【】找其中任何一個
【a b c】 查詢方括號之間的任何字元
\n:換行符
\r:查找回車符
\D:查詢非數字字串
\+:至少一個字串
/ 0 */ 0個或多個
/ 0 ?/ 0個或一個
/^ k/ ^以K開頭
/ i $/ 以i結尾i
/ 0 (?=r) 匹配後面有r的字串
/ 0 (? | r):匹配0後面沒有r的字串
\b:匹配單詞邊界,左邊是開頭,右邊是結尾
\0:查詢Nul字元
\w:查詢單詞字元
\B:匹配非單詞邊界
^:匹配輸入字串開始的位置
match. to lowercase :轉換成小寫
patt.lastindex:下次匹配的起始位置
match. towppercase :轉換成大寫
四、節點(元素節點、文字節點、屬性節點、註釋節點)
獲取節點所有的子節點 節點.childNodes
獲取節點所有屬性節點 節點.attributes
回車也是一個節點(文字節點)
<div id="box" class="div" style="width: 30px;height: 50px;" name="nana">我是一個文字節點<!--我是註釋節點--><span name="nana">我是一個span標籤</span></div>
1.元素節點 4種方式獲取
var oDiv = document.getElementById("box");
var oDiv = document.getElementsByClassName("div")[0];
var oDiv = document.getElementsByTagName("div")[0];
var oDiv = document.getElementsByName("nana")[1];
console.log( oDiv.innerHTML );
//獲取節點所有的子節點
console.log( oDiv.childNodes );
var oDivChilds = oDiv.childNodes;
2.文字節點
console.log( oDivChilds[0].nodeName,oDivChilds[0].nodeValue,oDivChilds[0].nodeType );
3.註釋節點
console.log( oDivChilds[1].nodeName,oDivChilds[1].nodeValue,oDivChilds[1].nodeType );
4.獲取元素節點的屬性節點
console.log( oDiv.attributes );
var oDivAttris = oDiv.attributes;
console.log( oDivAttris[0].nodeName,oDivAttris[0].nodeValue,oDivAttris[0].nodeType );