JavaScript学习2

1、变量

1）关键字：var

2）声明变量：var a

3）赋值：=

 2、变量名命名规则

1）不可以数字开头。

2）不可使用关键字和保留字。https://www.runoob.com/js/js-reserved.html

3）字母，数字，下划线(_)，美元符$组合。

不符合变量名命名规范的出现报错信息：

Uncaught SyntaxError: Invalid or unexpected token  

语法错误：标记无效或意外

示例：

结果如下：

 3、变量的命名风格

1）见名知义。

2）驼峰命名法：

　　大驼峰：JavaScript 每个单词首字母大写。

　　小驼峰：javaScript 首个单词首字母小写，第二个单词后每个首字母大写。

4、函数

1）什么是函数？

　　可以重复使用的代码块。

2）如何使用函数？

　　使用之前，创建函数

3）函数的声明：function

　　有名函数

　　匿名函数

 4）函数的调用

5、标识符

1）变量名和函数名的命名规则相同。

2）标识符分类：变量名、函数名 （函数参数）、属性名

6、JS属性操作

两种操作属性的方法：

1）点 .

　　元素.属性

2）方括号[ ]

　　元素['属性']  方括号中可以填入需要计算的东西，或者不符合标识符规范的！！

    
    
    


这是文字

7、JS属性的读与写操作

    
    
    


这是文字

8、常用属性

id：div

className：class是关键字，改成的className。div

value：form、input

style : 行间属性一般写在里

　　background

　　color

　　width

　　height

　　cssText：会替换掉当前所有的行间属性

innerHTML ： 网页内容，可以替换掉行间属性的所有内容。

href：链接：值获取到的时绝对路径。

src：连接图片、文件或者资源：值获取到的时绝对路径。

tagName：当前元素使用的什么标签，获取到的是大写字母。

    
    
    


这是文字


    这是文字内容
    
        span内置容器
    

href常用属性的连接作用

 9、揉捏DIV

代码实现如下

    
    

    



    
请为下面的div设置样式:
        点击设置
    
    

    



    

        

            

                请选择颜色：
                红
                黄
                蓝
            

            

                请选择宽（px）:
                200
                300
                400
            

            

                请选择高（px）:
                200
                300
                400
            

        
        恢复
        确认