JavaScript介绍

1. 什么是JavaScript 

     基于对象和事件驱动的解释性脚本语言

2. JavaScript的特性

基于对象    事件驱动  解释性  跨平台

3. JS的组成

ECMAScript：js的标准  这个标准里面有js的语法和常用对象
DOM  Document Object Model  文档对象模型
BOM  Browser object Model  浏览器对象模型

4. JS引入方式

    1、行间引入 将js的语法直接写在开始标签上

         注意：双引号不能嵌套双引号  单引号也不能嵌套单引号  但是双引号和单引号可以相互嵌套

         缺点:结构行为不分离  不方便后期维护  

    2、内部引入  js代码放在script标签中 script标签可以放在任意位置  代码的执行顺序是从上往下执行
        建议：一般放在head和body的末尾 是因为js一般都是操作标签 我们要确保标签先加载出来

       缺点:结构行为不分离

    3、外部引入 在外部创建js文件 通过script标签的src属性引入文件 src="js文件路径"
         注意:引入外部文件的script标签 里面不能再写其他的js脚本

5、alert()

• 语法: alert(提示信息)

• 作用: 在页面中弹出警告框，用于提示

• 缺点: 阻塞性的弹窗 一次只能输出一个

6、console.log()

• 语法：console.log(输出信息)

• 作用：在控制台打印信息 多个输出之间用逗号隔开

7、变量

概念:存储数据的容器 称作变量(标识符) 给存储数据的区域起个名字

语法:var 变量名 = 值

变量的命名规则：

1. 以数字 字母 下划线 $组成,但是不能以数字开头

2. 不能使用关键字和保留字

3. 见名知意 使用驼峰命名（大驼峰和小驼峰都可以）

4. 变量不要重名 重名会覆盖

8、JS基础交互

获取标签

1、通过id获取标签(元素)

• 语法:document.getElementByid("id名")

• 作用:通过id名获取标签，可以获取到具体的某一个

2、通过类名获取标签(元素)

• 语法document.getElementsByClassName("类名")
• 作用:获取整个文档下对应的类名标签
• 获取集合中某一个具体的标签：集合[下标/序号]

3、通过标签名获取标签(元素)

• document.getElementsByTagName("标签名")
• 获取整个文档下对应的标签名 获取到的是一个集合

9、鼠标事件

1. onclick : 点击事件
2. ondblclick:鼠标双击
3. onmouseover/onmouseenter :  鼠标移入事件
4. onmouseout/onmouseleave:  鼠标移出事件
5. onmousemove :  鼠标移动事件
6. onmousedown :  鼠标按下
7. onmouseup   :  鼠标抬起
8. oncontextmenu: 鼠标右键显示菜单

语法：标签.事件类型 = function(){
  执行某个动作之后  要执行的逻辑代码
}