JavaScript基础(上)

JavaScript使用方式:

        1.内部方式:script标签
                <script type="text/javascript"> </script>
        2.导入js文件
                <script src="js/01.js"></script>

JavaScript常见的函数:

        向浏览器打印内容,类似于Java中的控制台输出语句
        document.write("xxx") ;
            
        在浏览器中控制台中打印内容
        console.log("xxx") ;

        浏览器提示弹框
        window对象是浏览器中顶级对象,可以省略不写!
        window.alert("xxx") ;
        alert("xxx") ;

JavaScript的基本数据类型

        1.js中无论是整数还是小数,都是number类型
        2.js中无论是字符串还是字符,都是string类型类型
        3.boolean类型
        4.object类型(创建一个对象,在Js中,Object对象代表所有js对象的模板)
        5.undefined类型 :未定义类型 (这种没有意义,因为没有赋值)

定义变量的注意事项

        1.在js中使用var来定义变量,var可以省略不写
        2.js是弱类型语言,语法结构不严谨,可以重复定义变量的,后面变量的值会将前面的变量值覆盖
        3.查看js的变量的数据类型,使用函数:typeof(变量名)
        4.var可以定义任意数据类型

在js中创建数组

        动态创建
                不指定长度: var 数组对象 = new Array() ; 
                指定长度:var 数组对象 = new Array(长度) ;
        静态创建
                var 数组对象名=  [元素1,元素2,元素3,.....] ;

for-in语句(增强for循环,多用于遍历)

        for(var 变量名 in 数组或者对象名称){
                使用变量名;
        }

js中函数的定义

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

js中内置时间对象

    创建实践对象: var 时间对象名 = new Date();
    获取年:getFullYear()
    获取月:getMonth()+1
    获取日:getDate( )
    获取时:getHours()
    获取分:getMinutes()
    获取秒:getSeconds()
    开启网页定时器:
    setInterval("定时任务()",时间毫秒值):每经过时间毫秒值重复执行这个定时任务
    setTimeout("定时任务()",时间毫秒值):经过这个毫秒值之后,执行一次定时任务

innerText 和 innerHTML

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