JavaScript的功效

1、实现页面动态效果

例如：

利用js可以方便地实现 树 、选项卡、自动图片播放 等动态效果。

2、操作浏览器窗口

3、操控html和css

比如：鼠标放到出勤率行，背景会变成灰色。

<script>
        //要操作li 先获取所有li
        var lis = document.querySelectorAll('li')
        console.log(lis);
    
    // for循环里的 变量 i  要用let 定义 ！！！！！！！
    // 用var 有时会报错   
    // 1.隔行换色
        for(let i=0; i<=lis.length-1; i++){
            if(i%2===0){
              lis[i].style.backgroundColor = 'pink'
            }else{
                lis[i].style.backgroundColor = 'lightblue'
            }
    // 2.移上去变色
            lis[i].onmouseover = function(){
            // 这里要用  this
                this.style.backgroundColor = 'green'
            }
    // 3.移出变为原来的颜色
            lis[i].onmouseout = function(){
                if(i%2===0){
                 lis[i].style.backgroundColor = 'pink'
              }else{
                 lis[i].style.backgroundColor = 'lightblue'
              }
            }
        }        
    </script>

4、动态改变页面内容

在实际工作中，通常需要动态地在表格中添加一行删除一行，或者改变页面某块内容

5、表单验证

注：程序代码区分大小写

js代码的特点：

（1）JavaScript脚本程序在HTML中执行；

（2）JavaScript程序要写在<script></script>标签块内部；

（3）JavaScript区分大小写；

（4）每行写一条语句；

（5）文本内容要放在英文双引号里头；

（6）语句末尾加分号，表示一行语句的结束；