JavaScript
JavaScript简介
- 概念：一门客户端脚本语言。运行在客户端浏览器中的。每一个流浪器都有JavaScript的解析引擎。（脚本语言：不需要编译，直接就可以被浏览器解析执行）
- 功能：可以来增长用户和html页面的交互过程，可以用来控制html元素，让页面有一些动态效果，增加用户的体验。
- JavaScript发展史：1992年，Nombase公司，开发出第一门客户端脚本语言，专门用于表单的校验。命名：C - - ，后来更名为：ScriptEase。1995，Netcape（网景）公司，开发了一门客户端脚本语言：LiveScript。后来，请来了SUM公司的专家，修改LiveScript，命名为JavaScript。1996年，微软抄袭JavaScript开发出了JScript语言。1997年，ECMA（欧洲计算机制造商协会），ECMAScript，就是所有客户端脚本语言的标准。
JavaScript=ECMASCript+JavaScript自己特有的东西（BOM+DOM）
JavaScript基础语法
1、与html结合方式
- 内部JS：定义 < script > ,标签体内容就是js代码
- 外部JS：定义< script >,通过scr属性引入外部js文件
注意：
< script>可以定义在html页面任何地方。但是定义的位置会影响执行顺序。
< script>可以定义多个
2、数据类型
- 原始数据类型（基本你数据类型）：1. number:数字 2. string：字符串 3.boolean：true和false 4.null：一个对象为空的占位符 5.undefined：未定义。
- 引用数据类型（对象）
3、变量
- 一小块存储数据的内存空间。
- Java语言是强类型语言，而JavaScript是弱类型数据。
- 语法：var 变量名 = 初始值；
JavaScript运算符
1、JavaScript 算数运算符
2、JavaScript 赋值运算符
3、JavaScript 比较运算符
4、JavaScript 逻辑运算符
5、JavaScript 类型运算符
6、JavaScript 位运算符
;
2、new Array(size);
3、new Array(element0, element1, …, elementn);
方法：
- Boolean:对象表示两个值：“true” 或 “false”。
创建：
new Boolean(value); //构造函数
Boolean(value); //转换函数
- Date:用于处理日期和时间。
创建： var myDate=new Date()
- Math:用于执行数学任务
创建：
var pi_value=Math.PI;
var sqrt_value=Math.sqrt(15);
- Number:原始数值的包装对象。
创建：
var myNum=new Number(value);
var myNum=Number(value);
- String：用于处理文本（字符串）
创建：
new String(s);
String(s);
- RegExp:表示正则表达式，它是对字符串执行模式匹配的强大工具。
创建：
new RegExp(pattern, attributes);
方法 (重点掌握 test )：
DOM和事件的简单学习
DOM的简单学习
- 功能：控制html文档的内容
- 代码：获取页面标签（元素）对象Element
- 操作Element对象：1、修改属性值：明确获取的对象是哪个？查看API文档，找其中哪些属性可以设置。2、修改标签体的内容：1、属性：innerHTML获取元素对象，使用innerHTML属性修改标签内容。
事件的简单学习
- 直接在html标签上，指定事件的属性（操作）属性值就是JS代码
BOM对象
- 概念：Browser Object Model 浏览器对象模型
- 组成：windows：窗口对象；Navifator：浏览器对象；Screen：显示器屏幕对象；History：历史记录对象；Location：地址栏对象
1. windows对象
- 如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。
方法：
- 与弹出有关的方法。
alert() 显示带有一段消息和一个确认按钮的警告框。
confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。
prompt() 显示可提示用户输入的对话框。- 与打开关闭有关的方法。
open() 打开一个新的浏览器窗口或查找一个已命名的窗口。
close() 关闭浏览器窗口。- 定时器有关的方法
setTimeout() 在指定的毫秒数后调用函数或计算表达式。
clearTimeout() 取消由 setTimeout() 方法设置的 timeout。
setInterval() 按照指定的周期（以毫秒计）来调用函数或计算表达式。
clearInterval() 取消由 setInterval() 设置的 timeout。属性：
- 获取其他BOM对象：history；location；Navigator；Screen
- 获取DOM对象：document
特点：
- Windows对象不需要创建可以直接使用。
- Windows引用可以省略
2. Location对象
- Location 对象包含有关当前 URL 的信息。
Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。
方法：
reload() 重新加载当前文档。
属性：
href 设置或返回完整的 URL。
3.History对象
- History 对象包含用户（在浏览器窗口中）访问过的 URL。
History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。
方法：
back() 加载 history 列表中的前一个 URL。
forward() 加载 history 列表中的下一个 URL。
go() 加载 history 列表中的某个具体页面。
属性：
length 返回浏览器历史列表中的 URL 数量。
DOM对象
- 概念：Document Object Model 文档对象模型。将标记语言文档的各个组成部分，封装成对象。可以使用这些对象，对标记语言文档进行CRUD(增删改查)的动态操作。
- W3C DOM 标准被分为3个不同的部分
核心 DOM—针对任何结构文档的标准模型
XML DOM—针对XML文档的标准模型
HTML DOM—这对HTML文档的标准模型
1. 核心DOM模型
- Document 对象：Document 对象代表整个 XML 文档
方法：
- 获取Element对象：
getElementById()：根据id属性值获取元素对象。id属性值一般唯一。
getElementByTagName()：根据元素名称获取元素对象们
getElementByClassName（）：根据class属性值获取元素对象们。返回值是一个数组
getElementByName（）：根据name属性值会对象们。返回值是一个数组。- 创建其他DOM对象：
createAttrubute(name)
createComment()
createElement()
createTextNode()
- Element对象：Element 对象表示 HTML 元素
获取/创建：通过document来获取和创建
方法：
element.removeAttribute() 从元素中移除指定属性。
element.setAttribute() 把指定属性设置或更改为指定值。
- Node对象：节点可以是元素节点、属性节点、文本节点，或者也可以是“节点类型”那一节中所介绍的任何一种节点。
特点：所有DOM对象都可以被认为是一个节点
方法：
appendChild() 向节点的子节点列表的结尾添加新的子节点。
removeChild() 删除（并返回）当前节点的指定子节点。
replaceChild() 用新节点替换一个子节点。属性：
parentNode 返回节点的父节点。
2.HTML DOM
- 标签体的设置和获取：innerHTML
- 使用html元素对象的属性
- 控制样式
JavaScript中的事件
- 概念：某些组件被执行某些操作之后，触发某些代码的执行
事件：某些操作，如：单击，双击，键盘按下，鼠标移动…
事件源：组件，如：按钮，文本输入框…
监听器：代码。
注册监听：将事件，事件源，监听器结合在一起。当事件源上发生了某个事件，则出发某个监听器代码。
1.点击事件
onclick 当用户点击某个对象时调用的事件句柄。
ondblclick 当用户双击某个对象时调用的事件句柄。
2.焦点事件
onfocus 元素获得焦点。。
onblur 元素失去焦点。
3.加载事件
onload 一张页面或一幅图像完成加载。
4.鼠标事件
onmousedown 鼠标按钮被按下
onmouseup 鼠标按键被松开
onmousemove 鼠标被移动
onmouseover 鼠标移到某元素之上
onmouseout 鼠标从某元素移开
5.键盘事件
onkeydown 某个键盘按键被按下
onkeypress 某个键盘按键被按下并松开
onkeyup 某个键盘按键被松开
6.选则和改变事件
onchange 域的内容被改变
onselect 文本被选中
7.表单事件
onsubmit 确认按钮被点击
onreset 重置按钮被点击。
======================================
‵□′）╯✧Duang~送你五毛钱特效！
动一动小手
♥点个♥