JavaScript第二天

2017-09-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>