1. 程式人生 > >2019.1.7筆記 正則表示式&DOM節點

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));                 向下取整  

結果為14
  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));     最大值
  結果為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 );