作为程序员对JavaScript掌握这些即可

一、Java Script 基础

JavaScript 是一种基于对象和事件驱动的并具有安全性能的脚本语言

一、JavaScript特点：

交互、脚本语言、解释性语言、边执行边解释

小插曲：WWWeh发问：what,why,where…

这东西是什么？
这东西什么时候用?
这东西在哪用?
这东西怎么用?

二、JavaScript组成

1.ECMAScript

是一种语法标准 语法、变量、数据类型、运算符、逻辑控制语句、关键字、保留字、对象 编码遵循ECMAScript标准

2.BOM

Browser Object Model 浏览器对象模型
提供了独立于内容与浏览器窗口进行交互的对象

3.DOM

Document Object Model 文档对象模型
是HTML文档对象模型定义的一套标准方法，用来访问和操作HTML文档

三、JavaScript的基本结构

1．Script标签写哪都行，head或者body都行

document.write(“大家好”);				和java中的syso一样
document.write(“<h1>吃了吗</h1>”);

四、JavaScript 的执行原理

五、网页中引用JavaScript的方式

修改乱码：

1、file-Edltor-Code Style-File Encodings-project Encoding:改成UTF-8
2、在script标签中加 charset属性，charset=”GB2312”，字符编码
3、

六、JavaScript 核心语法

1．变量

（1）var 声明变量
（2）Java是强数据类型语言，JavaScript 是弱数据类型语言

2．数据类型

typeof()			检测变量的返回值有：
(1)undefined：		变量被声明后，但未被赋值
(2)Object：			javascript中的对象、数组和null
(3)Number:			整数或浮点数
(4)boolean：		true或false
(5)string：			用单引号或双引号来声明的字符串
①.length 				长度
②charAt(index)			返回在指定位置的字符
③IndexOf(str,index)		查找某个指定的字符串在字符串中首次出现的位置
④Substring(index1,index2)	返回下标之间的字符串，包前不包后
⑤Split(str)					将字符串分割为字符串数组

3．数组

(1)var数组名称 = new Array(size) 数组存放的长度size;
(2)遍历数组：

(3)属性：length 数组的长度
(4)方法：
1）join() 把数组的所有元素放入一个字符串中，通过 一个分隔符进行分隔
2）sort() 对数组排序
3）push()给数组末尾添加一个或多个元素，并返回新的长度

4．运算符号

(1)++在后，先拿变量去用，用完了再自加
(2)++在前，先自 加，再先拿变量去用
(3)==：只比较值 ===：还比较类型

5．控制语句

(1)If        else
(2)switch    case   default      break;
(3)for
(4)while
(5)For   in    也就是增强for循环
(6)循环中断:   中断  break    加速   continue   
(7)直接输出    数组的名字    也可以遍历   

6．注释

// /**/

7．输入/输出

（1）输入：Alert(提示信息) 警示框
（2）输出：Prompt( “提示信息问题”,“输入框的默认信息”);

8．语法约定

(1)代码区分大小写
(2)变量、对象和函数的名称：
(3)var abc123_ , $abc_ad123 , _abc 都是正确的
(4)分号：每行分号断后

七、JavaScript 常用语法 —函数

1．函数的含义：

类似于Java中的方法，完成特定任务的代码语句块

2．使用更简单：

不用定义属于某个类，直接使用

3．函数分类 ：

（1）系统函数

parseInt(“字符串”)；   字符串变数字
ParseFloat(“字符串”) 	字符串变浮点型数字
isNaN()     				用于检查其参数是否是字符  true 
false = 是数字（看的是值）

（2） 自定义函数 function
匿名函数 (就是网页中自动弹窗的)

4．函数的调用:

1、函数调用一般和表单元素的事件一起使用调用格式为：
事件名onclick = “函数名()”;
2、调用无参函数
Window.location.href = 方法名(); 设置窗体的URL
window.onload = 方法名(); 窗体加载
3、调用有参函数

5．变量的作用域

（1）全局变量
（2）局部变量

6．事件

onload=””,””		一个页面或一幅图像完成加载		
onclick				鼠标单击某个对象
onmouseover   	鼠标指导移到某元素上
onkeydown     	某个键盘按键被按下
onchange			域的内容被改变 页面中改了东西的时候
onblur				失去焦点的时候

八、JavaScript 内置对象

(1)Array: 用于在单独的变量名中存储一系列的值
(2)String: 用于支持对字符串的处理
(3)Math: 用于执行常用的数学任务，它包含了若干个数字
常量的 函数
(4)Date: 用于操作日期和时间 获得当前的时分秒
A:常用的方法

(1) getDate()			返回Date对象的一个月中的每一天1-31
(2) getDay()			返回星期的每一天0-6
(3) getHours()		返回小时 数，0-23
(4) getMinutes()		返回分钟数，0-59
(5) getSeconds()		返回秒数，0-59
(6) getMonth() 		返回月份，0-11
(7) getFullYear() 	返回年份，其值为四位数
(8) getTime()			返回自某一时刻(1970.1.1)以来的毫秒数

B:定时函数 计时事件 window.setTimeout(“”,””)

(1) setTimeout(“调用的函数”,等待的毫秒数)	 	表示 暂停 多少毫秒 再执行此方法(1秒后执行该方法一次)
(2) setInterval(“调用的函数”,间隔的毫秒数)		表示每 间隔多少毫秒 重复执行 该方法	
(3) clearInterval(“调用的函数”,间隔的毫秒数)	表示停止.setInterval执行的方法
(4) ClearTimeout(“调用的函数”,间隔的毫秒数)	表示停止.clearTimeout 执行的方法		
document.getElementById(“id的名字”)	获得id的值 
.innerHTML = y    							赋值文本

九、程序调试

Chrome 开发人员工具
(1)停止断电调试
(2)单步调试，不进入函数体内部
(3)单步调试，进入函数体内部
(4)跳出当前函数
(5)禁用所有的断电，不做任何调试

二、JavaScript 综合，对象及初始面向对象JavaScript高级 操作BOM & DOM

一、BOM模型 浏览器对象模型(Browser Object Model)

1．BOM提供了独立于内容的，可以与浏览器窗口进行互动的对象结构

window核心分为：history、document、location

2．BOM可实现的功能

（1）弹出新的浏览器窗口
（2）移动、关闭浏览器窗口以及调整窗口的大小
（3）页面的前进、后退

3．window对象的常用属性(URL是统一资源定位符，指浏览器地址栏的内容)

（1）history 客户访问过的URL的信息 过去进行时 (常用的方法有：)
① back() 加载history对象列表中的前一个URL
② forward() 加载history对象列表中的下一个URL
③ go() 加载history对象列表中的某个具体URL

（2）location 当前URL的信息 现在进行时
① 常用的属性有：

1）host				设置或返回主机名和当前URL的端口号
2）hostname		设置或返回当前URL的主机名
3）href				设置或返回完整的URL

② 常用方法

1） reload()		重新加载当前文档   刷新
2） replace()		用新的文档替换当前文档
3）Document 对象		用来获取元素

① 常用的属性有： 如：document.referrer

1）referrer			返回载入当前文档的URL
2）URL				返回当前文档的URL

② Document 对象的常用方法：(BOM的重点)

1）getElementById()			返回对拥有指定id的第一个对象的引用(对象的id唯一)
2）getElementsByName()		返回带有制定名称的对象的集合(相同name属性)
3）getElementsByTagName()	返回带有指定标签名的对象的集合(相同的元素)
4）write()					向文档写文本、HTML表达式或JavaScript代码

4．window 对象的常用方法 JavaScript 弹窗

（1）alert() 弹出一个提示信息和一个确定按钮的警示框

（2）prompt()		弹出输入框
（3）confirm(“”)		确认框 弹出确定和取消按钮的 对话框	超链接使用
（4）close()			关闭浏览器窗口
（5）open()			打开一个新的浏览器窗口，加载给定URL所指定的文档
（6）setTimeout()		在制定的毫秒数后调用函数或计算表达式
（7）setInterval()		按照指定的周期(以毫秒计)来调用函数或表达式

二、DOM模型 文档对象模型(Document Object Model)

1．节点和节点的关系

2．根据层次关系访问节点

（1）节点属性

① ParentNode			返回节点的父节点
② childNodes			返回子节点集合，childNodes[i]
③ firstChild				返回节点的第一个子节点，最普通的用								法是访问该元素的文本节点
④ lastChild				返回节点的最后一个子节点
⑤ nextSibling			下一个节点
⑥ previousSibling		上一个节点

（2）节点信息

① nodeName			节点名称
② nodeValue			节点值
③ nodeType				节点类型

3．Javascript的面向对象

（1） 基于Object对象的方式创建对象
var 对象名称 = new Object();

（2） 使用字面量赋值的方式创建对象

（3） 使用构造方法 new对象