美文网首页
JavaScript第二天

JavaScript第二天

作者: 嗨黄先生 | 来源:发表于2017-09-25 18:25 被阅读0次

    定义函数

    <script type="text/javascript">
    var n1=15;
    var n2=2.6;
    var n3=5.02;
    var n4=-15.30;
    </script>
    

    1、date()对象

    1.1、date对象用于处理时间和日期

    var mydate=new Date()//通过new方法创建对象
    //alert(Date());//返回一个完整的日期和时间
    //alert(mydate.getDay());//返回当前是周几
    //alert(mydatet.getMonth()+1);//返回当前月份
    //alert(mydate.getFullYear());//返回当前年份
    //alert(mydate.getHours());//返回当前小时
    //alert(mydate.getMinutes());//返回当前分钟
    //alert(mydate.getSeconds());//返回当前秒数
    

    /1.2、Math对象

    Math.ceil() 天花板函数  向上去整
    var n5=Math.ceil(n4);//向上去整
    

    如果是整数,取整之后是这个数本身
    如果是小数,对数进行向上舍入

    Math.floor() 地板函数
    var n5=Math.floor(n4);//地板函数  向下舍入   
    如果是整数,取整之后是这个数的本身
    如果是小数,对数进行向下舍入
    

    Math.max()

    
    var n5=Math.max(n4,n1);//取得是两个数的最大值
    

    Math.min()

    
    var n5=Math.min(n3,n1);//返回两个数的最小值
    

    Math.pow()

    
    var n5=Math.pow(n1,n2);//返回n1的n2次方
    

    Math.round()

    
    var n5=Math.round(n4);//进行四舍五入操作
    

    Math.random()

    var n5=Math.random();//返回0-1之间的随机数
    

    算数案例

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title>算数案例</title>
            <script type="text/javascript">
                alert(Math.pow(((23+Math.pow(5,7))/45),2))
            </script>
        </head>
        <body>
        </body>
    </html>
    

    2、数据类型转换

    2.1、数字类型转字符串

    String()

    var n1=String(n1);l
    

    变量.tostring()

    var n5=n2.tostring();
    

    2.2、字符串转数字类型

    Number

    var n5=Number(n6);//将字符串转数字
    

    ★数字类型 的字符串,转换之后得到的数字。
    ★非数字字符串,转换之后得到是NaN。
    ★小数类型的字符串,转换之后得到是原数字。
    parseInt

    var n5=parseInt(n6);//将字符串转成数字
    

    ★整数数字类型的字符串,转换之后得到的整数数字。
    ★数字开头的字符串,转换之后得到是前面的数字。
    ★非数字开头的字符串,转换之后得到的是NaN。
    ★小数类型的字符串,转换之后取整。
    parseFloat
    ★整数数字类型的字符串,转换之后得到的是整数数字。
    ★数字开头的字符串,转换之后得到是前面的数字。
    ★非数字开头的字符串,转换之后得到的是NaN。
    ★小数类型的字符串,转换之后得到的是原数字。

    2.3、布尔类型

    Booleam()

    var n5=Booleam(n7);//转布尔类型.
    

    ★数字和字符串转完之后为true。
    ★undefined、null、0转完之后为false。

    2.4、隐式数据类型转换

    在运算过程中,程序自己进行的数据转换(程序员没有操作)

    2.5、逻辑运算符

    逻辑运算只有2个结果,一个为true一个为false.
    ★且&&
    ★两个表达式为true的时候结果为true
    ★或||
    ★只要有一个表达式为true的时候结果为true
    ★非!
    ★和表达式相反的结果

    3、等号运算符

    "="赋值运算符
    "=="只判断内容是否相同,不判断数据类型
    "==="不仅判断内容,还判断数据类型是否相同
    !=只判断内容是否不相同,不判断数据类型
    !==不全等于 不仅判断内容是否不相同,还判断数据类型是否不相同

    3.1、变量的集体声明

    var n1=1,n2=3,n3=5;n1+=n2;//变量的集体声明,
    

    4、If...else 条件判断

    If(条件表达式){
    如果条件表达式结果为true,执行该处代码。 如果条件表达式结果为false,执行下边代码。  
    }else{
    如果条件表达式结果为false,执行该处代码。
    }
    

    5、If else嵌套

    If(条件表达式){
    如果条件表达式结果为true,执行该处代码,下边代码不执行。如果为false,执行下面的代码
    }else If(条件表达式){
    如果条件表达式结果为true,执行该处代码,下面的代码不执行。如果为false,执行下面代码
    }else If(条件表达式){
    如果条件表达式结果为true,执行该处代码,下面代码不执行,如果为false,执行下面的代码。
    }else{
    如果上面条件表达式结果都为false,执行该处代码。
    }
    

    6、三元表达式

    表达式?结果1:结果2;
    如果表达式结果为true,执行结果1,如果表达式结果为false,执行结果2.
    可以理解为if else 的另外一种写法

    案例1:接受用户输入的数字,如果是偶数在页面中提示是偶数如果是奇数在页面提示是奇数
    
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="{CHARSET}">
            <title>三元表达式</title>
            <script  type="text/javascript">
                var  n1=prompt("请输入数字");
                n1%2==0?alert("偶数"):alert("奇数");
                
            </script>
        </head>
        <body>
        </body>
    </html>
    
    
    
    案例2、写一个程序接受用户输入的值,该值随机产生的随机数(0-99),做比较如果用户输入的值大于随机数输出,那么你赢了,否则输了。
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="{CHARSET}">
            <title>三元表达式</title>
            <script  type="text/javascript">
                var  n2=parseInt(Math.random()*100);
                var  n1=prompt("请输入数字"+n2);
                
                n1>n2?alert("你赢了"):alert("你输了");
                
                
            </script>
        </head>
        <body>
        </body>
    </html>
    
    

    相关文章

      网友评论

          本文标题:JavaScript第二天

          本文链接:https://www.haomeiwen.com/subject/vfmdextx.html