教你快速上手JavaScript（二）
教你快速上手JavaScript（二）
一、基础知识
1、Array:数组对象
（1)创建
var arr = new Array(元素列表);
var arr = new Array(默认长度);
var arr = [元素列表];
(2) 方法
- join(参数):将数组中的元素按照指定的分隔符拼接为字符串
- push() 向数组的末尾添加一个或更多元素，并返回新的长度
(3)属性
length:数组的长度
(4)特点
- JS中，数组元素的类型可变的。
- JS中，数组长度可变的。
2、 Date：日期对象
（1）创建：var date = new Date();
（2）方法：
toLocaleString()：返回当前date对象对应的时间本地字符串格式
getTime():获取毫秒值。返回当前如期对象描述的时间到1970年1月1日零点的毫秒值差
3、Document：文档对象
（1）创建(获取)：在html dom模型中可以使用window对象来获取
window.document / document
（2）方法
获取Element对象：
getElementById() ： 根据id属性值获取元素对象。id属性值一般唯一
getElementsByTagName()：根据元素名称获取元素对象们。返回值是一个数组
getElementsByClassName():根据Class属性值获取元素对象们。返回值是一个数组
getElementsByName(): 根据name属性值获取元素对象们。返回值是一个数组
创建其他DOM对象：
createAttribute(name)
createComment()
createElement()
createTextNode()
4、History：历史记录对象
（1）创建(获取)：
window.history / history
（2）方法
back() 加载 history 列表中的前一个 URL
forward() 加载 history 列表中的下一个 URL
go(参数) 加载 history 列表中的某个具体页面
参数：
正数：前进几个历史记录
负数：后退几个历史记录
（3） 属性
length 返回当前窗口历史列表中的 URL 数量
5、 Window：窗口对象
（1） 方法
与弹出框有关的方法：
alert() 显示带有一段消息和一个确认按钮的警告框。
confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。
如果用户点击确定按钮，则方法返回true
如果用户点击取消按钮，则方法返回false
prompt() 显示可提示用户输入的对话框
返回值：获取用户输入的值
与打开关闭有关的方法：
close() 关闭浏览器窗口，谁调用我 ，我关谁
open() 打开一个新的浏览器窗口，返回新的Window对象
与定时器有关的方式
setTimeout() 在指定的毫秒数后调用函数或计算表达式。
参数：
js代码或者方法对象
毫秒值
返回值：唯一标识，用于取消定时器
clearTimeout() 取消由 setTimeout() 方法设置的 timeout。
setInterval() 按照指定的周期（以毫秒计）来调用函数或计算表达式。
clearInterval() 取消由 setInterval() 设置的 timeout。
（2）属性
- 获取其他BOM对象：history / location / Navigator / Screen
- 获取DOM对象： document
（3） 特点
- Window对象不需要创建可以直接使用 window使用， window.方法名();
- window引用可以省略， 方法名();
二、知识进阶
1、常见的事件
（1）点击事件
onclick：单击事件
ondblclick：双击事件
（2）焦点事件
onblur：失去焦点， 一般用于表单验证
onfocus: 元素获得焦点
（3） 加载事件
onload：一张页面或一幅图像完成加载。
（4） 鼠标事件
onmousedown： 鼠标按钮被按下。
定义方法时，定义一个形参，接受event对象。
event对象的button属性可以获取鼠标按钮键被点击了。
onmouseup ： 鼠标按键被松开。
onmousemove： 鼠标被移动。
onmouseover ： 鼠标移到某元素之上。
onmouseout： 鼠标从某元素移开。
（5）键盘事件
onkeydown 某个键盘按键被按下。
onkeyup 某个键盘按键被松开。
onkeypress 某个键盘按键被按下并松开。
（6）选择和改变
onchange 域的内容被改变。
onselect 文本被选中。
（7） 表单事件
onsubmit 确认按钮被点击。
可以阻止表单的提交
方法返回false则表单被阻止提交
onreset 重置按钮被点击。
2、字符串
（1）创建一个字符串的方式
方式1：
new String("字符串的内容");
方式2：
var str = "字符串的内容";
（2）字符串常用的方法
anchor（） 生产锚点
blink（） 为元素添加blink标签
charAt() 返回指定索引位置处的字符。
charCodeAt() 回一个整数，代表指定位置上字符的 Unicode 编码。
fontcolor() 把带有 COLOR 属性的一个 HTML <FONT> 标记放置在 String 对象中的文本两端
indexOf() 返回 String 对象内第一次出现子字符串的字符位置
italics() 把 HTML <I> 标记放置在 String 对象中的文本两端。
link() 把一个有 HREF 属性的 HTML 锚点放置在 String 对象中的文本两端。
replace() 返回根据正则表达式进行文字替换后的字符串的复制
split() 切割
Substr() 截取子串
toUpperCase() 转大写
toLowerCase 转小写
3、函数
（1）函数的定义格式
function 函数名(形参列表){
函数体 ;
}
（2）javascript的函数要注意的细节
- 在 javascript中函数 定义形参时是不能使用var关键字声明变量 的。
- 在javascript中 的函数是没有 返回值类型
的，如果函数需要返回数据给调用者，直接返回即可，如果不需要返回则不返回。 - 在 javascript中是没有函数 重载 的概念 的，后定义的同名函数会直接覆盖前面定义同名函数。
- 在javascript中任何的函数内部都隐式的维护了一个arguments（数组）的对象，给函数
传递数据的时候，是会先传递到arguments对象中，然后再由arguments对象分配数据给形参的。
4、setInterval
定时方法
第一个参数要指定调用的代码
第二参数是每隔指定的毫秒数调用指定的代码
5、Number对象
（1）创建Number对象的方式：
方式1：
var 变量= new Number(数字)
方式2：
var 变量 = 数字;
（2）常用的方法：
toString() 把数字转换成指定进制形式的字符串。
toFixed() 指定保留小数位,而且还带四舍五入的功能。
