JavaScript学习-day01

一、JavaScript历史

1995年，网景（NetScape）开发了一款大型商用浏览器，后台使用Java
解决问题：用户注册时，数据提交所需时间长，后台检验所需时间长，
要求：能够进行表单提交和校验，尽可能和Java像，要比Java简单
开发者：布兰登.艾奇 借鉴各方后 10天时间完成
命名：LiveScript------ >JavaScript

微软—搭载了一个克隆版本的JavaScript—JScript

ECMA（欧洲计算机制造商协会）
制定标准：ECMAScript1.0
ECMAScript5.0
ECMAScript6.0

二、JavaScript是什么？

JavaScript是基于对象和事件驱动的解释性脚本语言
基于对象：JS内部提供了一些对象（工具），这些对象的方法或者属性可以实现JS的基本功能
事件驱动：浏览器对用户行为的直接响应，不需要经过服务器
解释性：浏览器可之间识别JS语言，逐行解析代码，不需要编译

编译性：高级语言，计算机没有办法直接执行，必须先编译成计算机能够识别的，然后再执行
解释性：可以直接识别的代码，读一行执行一行

三、JavaScript组成

ECMAScript：JavaScript的标准
DOM：document object model 文档对象模型
BOM：browser object model 浏览器对象模型

ECMAScript和JavaScript的关系？
ECMAScript是JavaScript的标准，JavaScript是ECMAScript的具体实现

四、JavaScript引入

• 行间 开始标签里面
• 内嵌 通过script标签直接写入JS代码
  script标签可以写任意多个，可以放在任意位置 代码都是从上往下执行 一般放在head或者body末尾 建议放body末尾
• 外链 通过script标签的src属性引入外部的JS文件，如果引入外部js文件，标签内部代码不会执行

五、window.onload

等文档和资源都加载完成后调用

六、常用鼠标事件

鼠标事件

• onclick：点击事件
• onmouseover：鼠标移入 onmouseenter （over 子元素可以触发父元素事件；enter子元素不可以触发父元素事件）
• onmouseout：鼠标移出 onmouseleave
• onmousemove：鼠标移动
• onmousedown：鼠标按下
• onmouseup：鼠标抬起
• oncontextmenu:右击事件
• ondbclick：双击事件

七、变量

变量声明和命名规则

声明变量：var 变量名；//undefined 未定义；声明变量未赋值
变量的命名规则：

• 变量名只能以数字、字母、下划线和$组成，并且不能以数字开头
• 不能使用关键字和保留字
• 见名知意，遵循驼峰命名法
• 最好不要同名，同名会覆盖

调试命令

• alert(); 在页面弹出，一次弹一个；逗号隔开两个并不生效
• console.log(); 在控制台显示，多个之间用逗号隔开

八、操作标签

操作标签内容

表单元素内容的获取和设置

• 获取：标签.value
• 设置：标签.value=值；
  闭合标签内容的获取和设置
• 获取：标签.innerHTML/innerText
• 设置：标签.innerHTML=值；
  特性：innerHTML会覆盖标签内原有的内容；能识别标签

操作标签属性

• 获取：var 变量=标签.属性名
• 设置：标签.属性名=值；

操作标签样式

• 设置：标签.style.属性名=属性值；
• 特殊：js中不允许出现-,需要使用驼峰标识
• cssText：重写style属性