黑马程序员：JavaScript整理

---------------------- ASP.Net+Android+IOS开发、.Net培训、期待与您交流！ ----------------------

Javascript中的数据类型
 undefined(未定义类型)
 null(空类型)
 number(数值类型)   ——特殊值：NaN(Not a Num) 表示： “非数字”!
 string(字符串类型)
 boolean(布尔类型)

提示信息的区别
 alert()只有一个参数，仅显示警告框的信息，无返回值，不能对脚本产生任何改变。
 prompt()有两个参数，是输入对话框，用来提示用户输入一些信息。
 confirm()只有一个参数，是确认对话框，显示提示框的信息！有”确认”与”取消”两个按钮。

1．系统函数
 parseInt():可解析一个字符串，并返回一个整数。
 parseFloat()：可解析一个字符串，并返回一个浮点数。
 isNaN()：用于检查其参数是否——是“非数字”！
2．自定义函数
 function  函数名(参数列表<无参数类型var>)
 {  javascript语句   }
 调用函数——事件名=”函数名()”;

3．Window对象

Window对象的常用属性
属性 说明
screen 有关客户端的屏幕和显示性能的信息
history 有关客户访问过的URL的信息
location 有关当前URL的信息

Window对象的常用方法
方法 说明
prompt 显示可提示用户输入的对话框
alert 显示一个带有提示信息的和一个”确定”按钮的警示框
confirm 显示一个带有提示信息、”确定”和”取消”按钮的对话框
close 关闭浏览器窗口
open 打开一个新的浏览器的窗口，加载给定的URL所指定的文档
setTimeout 在指定的毫秒数后调用函数或计算表达式
setInterval 按照指定的周期(一毫秒计)来调用函数或表达式

Window对象的常用事件
事件 说明
onload 一个页面或一幅图像完成加载
onmouseover 鼠标移到某元素之上
onclick 鼠标单击某个对象
onkeydown 某个键盘按键被按下
onchange 域的内容被改变

 

4．Date对象
Date对象的方法组
方法组 说明
setXXX 这些方法用于设置时间和日期值
getXXX 这些方法用于获取时间和日期值

参数值及其对应的整数
值 整数
Second/minute 0~59
Hour 0~23
Day 0~6（一个星期中的每一天）
Date 0~31(一个月中的每一天)
Month 0~11（1-12月）<取值时，勿忘+1>

使用get分组的方法
方法 说明
getDate() 返回Date对象的一个月中的每一天，其值介于1-31之间
getDay() 返回Date对象的星期中的每一天，其值介于0-6之间
getHours() 返回Date对象的小时数，其值介于0-23之间
getMinutes() 返回Date对象分钟数，其值介于0-59之间
getSeconds() 返回Date对象的秒数，其值介于0-59之间
getMonth() 返回Date对象的月份，其值介于0-11之间
getFullYear() 返回Date对象的年份，其值为4位数
getTime() 返回自某一时刻(1970年1月1日)以来的毫秒数

BOM编程
1．History对象

History对象的方法
方法 说明
back() 加载history对象列表中的前一个URL
forward() 加载history对象列表中的下一个URL
go() 加载history对象列表中的某个具体URL

2．location对象
Location对象的属性
属性 说明
host 设置或返回主机名和当前URL的端口号
hostname 设置或返回当前URl的主机名
href 设置或返回完整的URl

Location对象的方法
方法 说明
reload() 重新加载当前文档
replace() 用新的文档替换当前文档

3．document对象
属性 说明
referrer 返回载入当前文档的URL
URL 返回当前文档的URL
document对象的方法
方法 说明
getElementById() 返回对拥有指定id的第一个对象的引用
getElementsByName() 返回带有指定名称的对象的集合
getElementsByTagName() 返回带有指定标签名的对象的集合
Write() 向文档写文本、HTML表达式或Javascript代码

4．元素的显示和隐藏
Visility属性的值
值 说明
visible 表示元素是可见的
hidden 表示元素是不可见的

display属性的值
值 说明
none 表示此元素不会被显示
block 表示此元素将显示为块级元素，此元素前后会带有换行符
inline 表示此元素会被显示

DOM高级编程
1．使用getElement系列方法访问指定节点
 getElementById():是HTML DOM提供的查找方法，它是按id属性查找的。
 getElementsByName():是HTML DOM提供的查找方法，它是按name属性查找的，由于一个文档中可能会有很多个节点(如复选框、单选按钮)，所以返回的是元素数组。
 getElementsByTagName():是Core DOM提供的查找方法，它是按标签名TagName查找的，由于一个文档可能会有很多个同类型的标签节点(如图片组、文本输入框),所以返回元素数组。

2．创建、增加、删除节点
创建节点
名称 说明
createElement(tagName) 按照给定的标签名创建一个新的元素节点
appendChild(nodeName) 向已存在节点列表的末尾添加新的子节点
insertBefore(newNode,oldNode) 向指定的节点之前插入一个新的子节点
cloneNode(deep) 复制某个指定的节点

 

删除和替换节点
名称 说明
remove(node) 删除指定的节点
replace(newNode,oldNode) 用其他的节点替换指定的节点
3．表格对象
Table对象
类别 名称 说明
属性 rows[] 返回包含表格中所有行的数组
方法 insertRow() 在表格中插入一个新行
 deleteRow() 从表格中删除一行

TableRow对象
类别 名称 说明
属性 cells[] 返回包含表格中所有单元格的数组
 rowIndex 返回改行在表中的位置
方法 insertCell() 在一行的指定位置插入一个空的<td>标签
 deleteCell() 删除行中指定的单元格

TableCell对象
类别 名称 说明

属性
 cellIndex 返回单元格在某行单元格集合中的位置
 innerHTML 设置或返回单元格的开始标签和结束标签之间的HTML
 align 设置或返回单元格内部数据的水平排列方式
 className 设置或返回元素的class属性

 JavaScript和CSS的交互
页面事件
事件 说明
onscroll 用于捕捉页面垂直和水平的移动
onload 一个页面或一幅图片完成加载(上传)

滚动条的属性
属性 说明scrollTop 设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollLeft 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
clientWidth 指对象的可见宽度，不包括滚动条等变线，会随窗口的显示大小改变
clientHeight 指对象的可见高度，也就说页面浏览器中可以看到内容的这个区域的高度

  表单基本验证技术 
1．String对象
String对象常用方法
方法 说明
toLowerCase() 把字符串转化为大写
toUpperCase() 把字符串转化为小写
charAt() 返回在指定位置的字符
indexOf(字符串,index) 查找某个指定的字符串在字符串中首次出现的位置
substring(index1,index2) 返回位于指定索引index1和index2之间的字符串(前包含，后不包含)

2．文本框对象
文本框对象常用方法和事件
类别 名称 说明
事件 onblur 失去焦点，当光标离开某个文本框时触发
 onfocus 获得焦点，当光标进入某个文本框时触发
 onkeypress 某个键盘按键被按下并松开
方法 blur() 从文本域中移开焦点
 focus() 在文本域中设置焦点，即获得鼠标光标
 select() 选取文本域中的内容
属性 id 设置或返回文本域的id
 value 设置或返回文本域的value属性的值

 

 

正则表达式和表单辅助特效
一：正则表达式
var reg = /表达式/附加参数

构造函数
var reg = new RegExp(“表达式”,”附加参数”)
2． RegExp对象
方法 说明
exec 检索字符中是正则表达式的匹配，返回找到的值，并确定其位置。
test 检索字符串中指定的值，返回true或false.
   
3． String对象的方法
方法 说明
match 找到一个或多个正则表达式的匹配
search 检索与正则表达式相匹配的值。
replace 替换与正则表达式匹配的字符串
split 把字符串分割为字符串数组

4． RegExp对象的属性
属性 说明
global RegExp对象是否具有标志g
ignoreCase RegExp对象是否具有标志i
Multiline RegExp对象是否具有标志m

5． 正则表达式的常用符号
符号 说明
/../ 代表一个模式的开始和结束
^ 匹配字符串的开始
$ 匹配字符串的结束
\s 任何空白字符
\S 任何非空白字符
\d 匹配一个数字字符，等价于[0-9]
\D 除了数字之外的任何字符，等价于[^0-9]
\w 匹配一个数字、下划线或字母字符，等价于[A-Za-z0-9]
\W 任何非单字字符，等价于[^a-zA-z0-9]
. 除了换行字符之外的任意字符

 

6． 正则表达式的重复字符
符号 说明
{n} 匹配前一项n次
{n,} 匹配前一项n次，或者多次
{n,m} 匹配前一项至少n次，但是不能超过m次
* 匹配前一项0次或多次
+ 匹配前一项1次或多次
? 匹配前一项0次和1次，也就是说前一项是可选的。

 

7． 下拉框对象
Select对象的常用事件、方法和属性
类别 名称 说明
事件 onchange 当改变选项时调用的事件
方法 add() 向下拉框中添加一个选项
属性 options[] 返回包含下拉框中的所有选项的一个数组
 selectedIndex 设置或返回下拉框中被选项目的索引号
 length 返回下拉框中选项的数目

option对象的常用属性
属性 说明
text 设置或返回某个选项的纯文本值
value 设置或返回被送往服务器的值