js基础语法 事件 ECMAScript BOM DOM 弹窗 计时事件 改变HTML内容

核心语法–变量

    1、先声明变量在赋值
            var width；
            width = 5；
    2、同时声明和赋值变量
            var catName = "皮皮";
    3、不声明直接赋值
            width = 5；
    注意：变量可以不经声明而直接使用，但这种方法很容易出错，也很难查找拍错，不推荐使用

核心语法–数据类型
1、undefined：变量没有初始值，将被赋予值undefined
2、null：表示一个空值，与undefined值相等
3、number：数值
4、boolean：true和false
5、string：一组被引号（单引号或双引号）栝起来的文本
JavaScript中的undefined和null的区别：undefined表示变量声明但未初始化时的值，
null表示准备用来保存对象，还没有真正保存对象的值。从逻辑角度看，null值表示一个空对象指针。

核心语法–typeof运算符

    1、typeof检测变量的返回值
    2、typeof运算符返回值如下：
            1）undefined：变量被声明后，但未被赋值
            2}string：用单引号或双引号来声明的字符串
            3）boolean：true或false
            4）number：整数或浮点数
            5）object：javascript中的对象、数组和null

核心语法–string对象

    方法名称                 说明
    charAt(index)           返回在指定位置的字符
    indexOf(str,index)      查找某个指定的字符串在字符串中首次出现的位置
    subString(index1,index2) 返回位于指定索引index1和index2之间的字符串
    split(str)              将字符串分隔为字符串数组

核心语法–数组

    1、创建数组：var 数组名称 = new Array(size);
    2、为数组元素赋值：

    数组的常用属性和方法：
    名称            描述
    length          设置或返回数组中元素数目
    join()          把数组的所有元素放入一个字符串，通过一个分隔符进行分割
    sort()          对数组进行排序
    push()          向数组末尾添加一个或多个元素，并返回新的长度

核心语法–运算符号

    类型            运算符
    算术运算符      +  -  *  /  %  ++ --
    赋值运算符      =  +=  -=
    比较运算符      > < >= <= == != === !==
    逻辑运算符      &&  ||  !

核心语法–逻辑控制语句

    if(判断语句){

    }else{

    }
    switch(表达式){
            case key：
            break;
    }
    for循环
    while循环
    break
    continue

核心语法–注释：

    单行注释：//
    多行注释：
    /* 内容 */

核心语法–常用的输入/输出

    alter("提示信息")；
    confirm("询问信息"); 
    prompt("提示信息","输入框中的默认信息");//返回值是输入框中的内容，可以用变量接收

核心语法–语法约定

    1、代码区分大小写
    2、变量、对象和函数的名称：同java
    3、分号：结束符

程序调试：
chrome开发人员工具
alert():不建议使用，容易忘记删除
console.log()：控制台打印出，不影响用户使用

核心语法–函数

    定义：类似于java中的方法，是完成特定任务的代码语句块
    函数分类：系统函数和自定义函数
    常用系统函数：
            parselnt("字符串");
                    将字符串转换成整型数字
            parseFloat("字符串");
                    将字符串转换成浮点型数字
            isNaN（）；
                    用于检查其参数是否是非数字
    自定义函数：
            function 函数名(参数列表){
                    //JavaScript语句
                    return 返回值
            }
    调用函数：函数调用一般和表单元素的事件一起使用，调用格式
            事件名 = "函数名"

事件：

    名称            说明
    onload          一个页面或一幅图像完成加载
    onlick          鼠标单击某个对象
    onmouseover     鼠标指针移到某元素上
    onkeydown       某个键盘按键被按下
    onchange        域的内容被改变

什么是ECMAScript

    定义：是一种语法标准
            语法、变量和数据类型、运算符、逻辑控制语句、关键字、保留字、对象
            编码遵循ECMAScript标准

什么是BOM：

    定义：Browser Object Model(浏览器对象模型)
    提供了独立于内容与浏览器窗口进行交互的对象

BOM可实现的功能

1、弹出新的浏览器窗口
2、移动、关闭浏览器窗口以及调整窗口的大小
3、页面的前进、后退

window对象

常用属性

语法：window.属性名 = “属性值”;
例如：

window.location = "https://www.baidu.com";

常用方法

confirm()方法

语法：confirm("对话框中显示的纯文本");
作用：让用户确认信息

open() 方法

语法：window.open("弹出窗口的url"，“窗口名称”,"创口特征");

history对象

常用方法

例如：

history