1.JS存放在代码中的位置

1.JS写在行间

    
     hello world
    

• 优点：直接，简单
• 缺点：不方便复用和维护,不符合结构行为分离规范

2.JS写在script ( 一般写在body结束标签之前 )

        
    
     hello
    
        
    
     world
    
            

优点：只要是在这个页面中就可以使用这段 js。

3.写在js文件中

1.创建一个js文件,写入js代码

        
    
     miaov
    
        

优点：

1.结构 行为 完全分离2.方便修改维护3.可复用性强

2.注释

分为单行注释和多行注释。

• //单行注释 //单行注释 //单行注释

• /* 多行注释 多行注释 多行注释 */

3.变量

• 变量：可变的量。
• 作用：复用数据，存储数据。
• 申明变量： var 变量名; 以分号结束 。只申明一个变量不赋值的话，那这个变量中默认存储的是undefined

• 变量命名规范：可以是数字(1234567890) 字母(abcdefg...)下划线 ( _ )美元符( $ )组成。

  禁止：

  1. 不允许数字开头      2. 不允许使用关键字 3. 不允许使用保留字

推荐：驼峰式命名法+语义化单词驼峰式命名法:从第二个单词开始，每个单词的首字母大写。

• 属性操作 ：

以下三种写法都可以。

box.style["background-color"] = "green";box["style"]["background-color"] = valStr;box.style.backgroundColor = "green";

1. 如果[ ]中间没有用引号包起来,那么会把中间的内容当做变量处理。
2. 当需要改变的属性值是一个变量的时候只能使用[ ],方括号中间如果是变量的话，不需要加引号。
3. 当操作属性的时候属性名不符合变量命名规范的时候可以使用[ ]。
4. 如果一定要使用点( . )的话，需要改变成驼峰式命名法。

4.函数

（一）简介

• 函数的作用：代码块的复用
• 函数的分类：
  1.有名函数
  2.匿名函数

（二）使用

1-有名函数                声明:                    function 函数名(){                         代码块                     }                调用:                    函数名();2-匿名函数                声明:                     直接声明一个匿名函数 会报错                调用:                    可以直接通过事件调用

eg：

5.innerHTML 和 src

innerHTML:修改双标签里面的内容。

6.基础篇练习

看完以上的小伙伴，可以看两个例子的效果，试着做一下。