java_web Day01

javascript的学习

javascript的引用方式

1,可以在内部使用

<script> </script>

2,可以在外部引入javascript

<script src=" js 文件目录"></script>

javascript变量的创建

1, var 变量名 = 值；

2, 变量名 = 值

3, var 变量名,变量名,变量名,........=值1,值2,值3，......

获取变量的数据类型

typeof(变量名)

javascript里面的数据类型

1, Number 数字 小数

2 ,String 字符 字符串

3, Boolean 布尔型

4, Object 对象

5, underfind 空

javascript里面的运算符

算术运算符
                +,-,*,/,%
                ++,--
            赋值运算符
                =:基本赋值
                +=,-=,*=,/=,%=
            比较(关系运算符)
                <,<=,>,>=,==,!=
                
            逻辑运算符
                实际开发中:逻辑双与&&,逻辑双或||
            三元(三目)运算符
                    (表达式)?执行true的结果:false的结果

javascript里面的流程控制语句

        三大类
                1)顺序结构:js代码从上而下依次加载
                2)选择结构
                    if结构
                        if(表达式){
                            语句
                        }
                        
                        if(表达式){
                            
                        }else{
                            
                        }
                        
                        if(表达式1){
                            语句1;
                        }else if(表达式2){
                            语句2 ;
                            ...
                            ...
                        }else{
                            语句n;
                        }
                        
                    switch结构
                    
                    switch(表达式){
                    case 可以变量/也可以常量:
                            语句1;
                            break ;
                    ...
                    ...
                    default:
                            语句n;
                            break ;
                    }
                3)循环结构
                
                for(使用居多),while(其次while),do-while

        for in

for-in类似于增强for循环
            应用场景:
                1)遍历数组
                2)遍历对象的属性
                
 JavaScript函数的定义以及调用

     
                定义函数的 格式1                形式参数列表
                        function 函数名称(参数名称1,参数名称2....){
                            函数的里面业务逻辑
                            直接在这输出document.write("xxx") ;
                        }
                        格式1调用:
                            单独调用
                            函数名称(实际参数列表) ;
                            
                            
                格式2:(推荐)
                        function 函数名称(参数名称1,参数名称2....){
                            
                            函数的里面的业务逻辑
                            return 结果;
                        }
                        格式2调用:
                        赋值调用
                        var 最终结果变量 = 函数名称(实际参数列表) ;    
                                
                                
                                
                定义函数的注意事项:
                1)js是弱类型语言,定义函数的时候,参数名称不能携带var
                2)js定义时候,没有返回值类型,但是函数中可以携带return语句,代表方法结束!
                3)Js中没有函数重载的概念,如果方法名相同,后面定义的函数将前面定义的函数覆盖了    
                4)
                    实际参数列表 < 形式参数列表,函数依然会被调用,不过值是"NaN",有一个形式参数没有赋值
                    实际参数列表 > 形式参数列表,将实际参数的值赋值给形式参数,多余的实际参数,直接省略不计!
                    
                5)隐藏一个数组名称:arguments,作用:将实际参数绑定给形式参数

JavaScript内置对象

Js内置对象:Date日期,String字符串,Array数组,正则表达式对象..
            浏览器在解析javascript的时候,能够识别这个对象,使用里面的方法!

获取 年月日

date.getfullyear

date.getmonth

date.getdate(获取月份的日)

date.getday(获取星期的日)

innertext和innerhtml的区别

任何标签都有这俩个innerText和innerHTML
            
            这两个属性代表设置标签的文本内容
            innerHTML可以加入html标签,可以被解析 (推荐)
            innerText只是普通的文本内容,不能够解析html标签,如果加入html标签
            就会原封不动的解析成普通文本!

setTimeout和setInterval的区别

setTimeout(function ， 毫秒值   ) 在一定时间内执行 function 只执行一次

setInterval (function , 毫秒值 )   在一定时间内执行function 可以循环执行