javaScript學習基礎篇(2)(彈框，日期)

• JavaScript 彈框

     //普通彈框
     alert("hahah");

     //向瀏覽器輸出,用於除錯
     console.log("你好啊");

     //帶輸入框的彈框
     var neirong = prompt("請輸入使用者名稱");
     alert(neirong);

• javaScript 值型別
  typeof:判斷資料型別
  用法：
  
  • typeof（直接量）
  • typeof 直接量

  <script type="text/javascript">
    document.write(typeof("123"));
    document.write("<br/>");
    document.write(typeof(123));
    document.write("<br/>");
    document.write(typeof(true));
    document.write("<br/>");
    document.write(typeof(["a"]));

    document.write("<br/>");
    document.write(typeof true);
    document.write("<br/>");
    document.write(typeof "a");
  </script>

• javaScript 其他資料型別

  • string
  • number
    NaN ：not a number ==>非數字
        作用：用來表示數值的一種不正常的狀態
    IsNaN:判斷是不是一個非數字
        如果結果是非數字:結果是true
        如果結果是數字:結果是false

<script type="text/javascript">
    var x = "abc";
    document.write(isNaN(x));
    document.write("<br/>");
    var x = 123;
    document.write(isNaN(x));
 </script>

• javaScript 的Math函式
  Math物件（萬物皆物件，）
  
  • Math.pow（a,b） 得到a的b平方根
  • Math.pow（a,1/b） 得到a的1/b次方根
  • Math.round(1.56) 四捨五入
  • Math.ceil(1.2)//向上取整,天花板函式
  • Math.floor(1.2);//向下取整,地板函式
  • Math.max(a,b,c,d)//取最大數
  • Math.min(a,b,c,d)//取最小數
  • Math.random()//隨機數,返回一個大於0小於1的隨機數

<script type="text/javascript">
     <!--pow(a,b)得到a的b次方 -->
     var num = Math.pow(2,3);
     //3的立方根
     var num2 = Math.pow(27,1/3);
     // 四捨五入
     var round1 = Math.round(1.56);
     //向上取整,天花板函式
     var ceil1   = Math.ceil(1.2);
     //向下取整,地板函式
     var footer1 = Math.floor(1.2);

     //取最大數
     var a = 2,b= 3,c = 1,d=7 ;
     var max =Math.max(a,b,c,d);
     //取最小數
     var min = Math.min(a,b,c,d);
     //隨機數,返回一個大於0小於1的隨機數
     var random1 = Math.random();
     document.write(num);
     document.write("<br/>");
     document.write(num2);
     document.write("<br/>");
     document.write(round1);
     document.write("<br/>");
     document.write(ceil1);
     document.write("<br/>");
     document.write(footer1);
     document.write("<br/>");
     document.write(max);
     document.write("<br/>");
     document.write(min);
     document.write("<br/>");
     document.write(random1);
 </script>

• javaScript型別轉換

  • Number(字串/boolean)
    a.如果可以轉換成數字，就直接轉換
    b.如果不可用轉換，那麼返回NaN
    c.如果在內容中出現小數，那麼小數會保留
    d.如果內容為空，那麼轉換為0

  • ParseInt()將內容轉換為Number
    a.如果可以轉換成數字，就直接轉換
    b.如果不可用轉換，那麼返回NaN
    c.如果在內容中出現小數，那麼進行四捨五入
    d.如果第一個字元是陣列，則繼續解析直到字串解析完畢或遇到一個非數字符號為止

  • ParseFloat（）
    與parseInt一樣，唯一區別是可以保留小數

  • 轉換為字串
    a. .toString()
    直接呼叫變數中的方法
    b. String()
    強制轉換為字串

javaScript小demo：
1、計算100-999中所有的水仙花數

    <script type="text/javascript">
         var shuixianhua = 0;
         for(var i=100;i<999;i++){
             var bai = Math.floor(i/100);
             var shi = Math.floor(i%100/10);
             var ge  = i % 10;
             var he = Math.pow(bai,3) + Math.pow(shi,3)+ Math.pow(ge,3);
             if(he == i){
                 console.log(he);
                 document.write(he +",");
                 shuixianhua++;
             }
         }
     </script>

*JavaScript 日期

var date = new  Date();
    document.write(date);
    document.write("<br>");
    document.write(date.getFullYear());
    document.write("<br>");
    document.write(date.getTime());
    document.write("<br>");
    date.setFullYear(2019,10,10)
    document.write(date);