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);