JavaScript ECMAScript BOM DOM
六种数据类型: String null object undefined “ ” number boolean
String 对象的常用方法:
toString() 返回字符串
toLowerCase()
toUpperCase() 把字符串转化为大写
charAt(index) 返回在指定位置的字符
IndexOf(str,index) 查找某个指定的字符串在字符中首次出现的位置
substring(index1,index2) 返回1-2 之间的字符,包含1 不包含2
split(str) 将字符串分割为字符串数组
数组的常用方法和属性
属性:length 设置或返回数组中元素的个数
方法:join() 把数组的所有元素放入一个字符串,通过一个分隔符进行分割
sort() 对数组排序
push() 向数组末尾添加一个或更多的元素,并返回新的长度
运算符:
算数运算符 + - * / ++ --
比较运算符 > < >= <= == !=
逻辑运算符 && || !
赋值运算符 =
常用的系统函数:
.parseInt(“str”) 解析一个字符串 返回一个整数
.parseFloat(“str”) 解析一个字符串 返回一个浮点数
isNaN(“str”) 检查其参数是否是 非数字 是非数字 ture 否则false
Window对象的常用 属性 方法 事件 :
属性:history 有关客户访问过的URL的信息
location 有关当前的URL信息
方法:prompt() 显示可提示用户输入的对话框
alert() 显示带有提示信息,一个确定按钮 的警示对话框
confirm() 显示带有提示信息,一个 确定 取消 按钮 的对话框
close() 关闭浏览器窗口
open() 打开一个新的浏览器窗口,加载给定的URL所指定的文档
setInterval() 循环执行 单位:毫秒
setTimeout () 执行一次 单位:毫秒
事件:onload() 一个页面或一幅图像加载完成
onmouseover 鼠标指针移到某个元素之上
onclick 鼠标单击某个对象
onkeydown 某个键盘按键被按下
onchange 域的内容被改变
窗口的特征属性:
height width 窗口文档显示区的高度 宽度, 以像素计
left top 窗口的x y 坐标,以像素计
Toolbar=yes|no|1|0 是否显示浏览器的工具栏 默认yes
Scrollbars= yes|no|1|0 是否显示滚动条 默认yes
location= yes|no|1|0 是否显示地址栏 默认yes
status= yes|no|1|0 是否添加状态栏 默认yes
menubar= yes|no|1|0 是否添加菜单栏 默认yes
resizable= yes|no|1|0 窗口是否可调节尺寸 默认yes
titlebar= yes|no|1|0 是否显示标题栏 默认yes
fullscreen= yes|no|1|0 是否全屏模式显示浏览器 默认no
history对象的方法:
back() 加载history对象列表中的前一个URL
forward() 加载history对象列表中的后一个URL
go() -1 0 1 加载history对象列表中的某个具体的URL
location对象的 属性 方法
属性:host 设置或返回主机名和当前URL的端口号
hostname 设置或返回当前URL的主机名
href 设置或返回完整的URL
方法:reload() 重新加载当前文档
replace() 用新的文档替换当前文档
document对象的 属性 方法
属性:referrer 返回载入当前文档的URL,判断是不是从规定URL来的
URL 返回当前文档的URL
方法:getElementById() 返回拥有指定id的第一个对象的引用
getElementsByName() 返回拥有指定名称的对象的集合
getElementsByTagName() 返回带有指定标签的对象的集合
Write() 向文档写文本,HTML,表达式或JavaScript代码
附加:checked 复选框 选中true 未选中false
Date对象的常用方法:
getDate() 返回Data对象的一个月中的每一天,值为1-31
getDay() 返回Data对象的星期中的每一天,值为0-6 0代表周日
getHours() 返回Data对象的小时数,值为0-23
getMinutes() 返回Data对象的分钟数,值为0-59
getSeconds() 返回Data对象的秒数,值为0-59
getMonth() 返回Data对象的月份,值为0-11 0代表一月份
getFullYear() 返回Data对象的年份,
getTime() 返回自某一刻以来的毫秒数
Math的常用方法:
cell() 对数进行上舍入 25.5-----------26 -25.5 --------- -25
floor() 对数进行下舍入 25.5-----------25 -25.5 --------- -26
round() 四舍五入为最接近的数 25.5-----------26 -25.5---------- -26
random() 返回0-1 中的随机数 0.564654564564
定时函数:
setInterval() 执行一次 单位:毫秒
setTimeout () 循环执行 单位:毫秒
clearTimeout()/Interval() 清除定时函数
jQuery语法的比较:
window.onload 必须等待网页中所有的内容加载完毕后才能执行
$(document).ready() 网页中的dom文档结构绘制完毕后即可执行,不必加载完
基本选择器:
标签选择器 “标签名”
ID选择器 #myid
类选择器 .class
并集选择器 $(“div,p,.title”) 将每一个匹配的元素合并后一起返回
交集选择器 $(“h2.title”) 选取所有拥有class为tiele的h2元素
全局选择器 * 匹配所有元素 $(“*”) 选取所有元素
层次选择器:
后代选择器 $(“#myid span”) 空格
子选择器 $(“ul>li”)
相邻元素选择器 $(“strong+span”)
同辈元素选择器 $(“h2~dl”)
属性选择器:
选取包含给定属性的元素 $(“[ href ]”)
选取等于给定属性是某个特定值的元素 $(“[href=’ #myid ’]”)
选取不等于给定属性是某个特定值的元素 $(“[href !=’ #myid ’]”)
选取给定属性是以某些特定值开始的元素 $(“[href ^=’en’]”)
选取给定属性是以某些特定值结尾的元素 $(“[href $=’ .jpg’]”)
选取给定属性值是包含某些值得元素 $(“[href *=’ txt’]”)
选取满足多个条件的复合属性的元素 $(“li [id] [title=新闻要点]”)
基本过滤选择器:
:first $(“li : first”) 选取所有<li>元素中的 第一个<li>
:last $(“li : last”) 选取所有<li>元素中的 最后一个<li>
:not(selector) $(“li :not( .three)”) 选取 class 不是three的元素
:even $(“li :even”) 索引是偶数的所有<li>
:odd $(“li :odd”) 索引是奇数的所有<li>
:eq(index) $(“li :eq(1)”) 索引是 1 的元素 从0开始
:gt(index) $(“li :gt(1)”) 索引大于 1的所有元素
:lt(index) $(“li :lt(1)”) 索引小于 1的所有元素
:header $(“: header”) 网页中所有的标题元素 h1-h6
:focus $(“: focus”) 选取当前获取焦点的元素
可见性过滤选择器:
获取隐藏元素,使其显示 $(“ p :hidden”).show()
获取显示元素,使其隐藏 $(“ p :visible”).hide()
jQuery中典型的事件方法:
单击事件 click(fn) fn表示的函数
按下键盘触发事件 Keydown(fn)
失去焦点事件 Blur(fn)
常用的鼠标事件的方法:
click() 单击鼠标时
mouseover() 鼠标移过时
mouseout() 鼠标移出时
常用的键盘事件的方法:
keydown() 按下按键时
keyup() 释放按键时
keypress() 产生可打印的字符时
常用的表单事件的方法:
focus() 获得焦点
blur() 失去焦点
bind()方法的参数说明:
type 事件类型 主要包括(blur,focus,click,mouseout等)还可以是自定义事件
[data] 可选参数 作为even.data属性值传递给事件对象的额外数据对象,不是必需的
fn 处理函数 用来绑定的处理函数
unbind()方法的参数说明:
type 事件类型 主要包括(blur,foc us,click,mouseout等)还可以事件是自定义
fn 处理函数 用来绑定的处理函数
复合事件:
hover() 模拟鼠标悬停事件
toggle() 模拟鼠标连续 click事件
show()的参数说明:
speed 元素从隐藏到完全可见的速度,默认0,可能值1000 ,slow, normal, fast
callback show函数执行完后,要执行的函数
fadeln()方法 改变透明度 的参数说明:fadeln() fadenOut()
speed 元素从隐藏到完全可见的速度,默认0,可能值1000 ,slow, normal, fast
callback show函数执行完后,要执行的函数,除非设置了speed参数,否则不能设置
插入节点的方法:
内部插入:append(content) $(a).append(b) 将b追加到a中
appendTo(content) $(a).appendTo(b) 将a追加到b中
prepend(content) $(a). prepend (b) 将b追加到a中 第一行
prependTo(content) $(a). prependTo (b) 将a追加到b中
外部插入:after(content) $(a).after(b) 将b插到a之后
insertAfter(content) $(a). insertAfter (b) 将a插到b之后
before(content) $(a). before (b) 将b插到a之前
insertBefore(content) $(a). insertBefore (b) 将a插到b之前
删除节点:
remove() 没有点
empty 有点 只删除内容
替换节点:
replaceWith($newNode)
replaceAll(“ul li:eq(1) ”)
复制节点:
clone(true/false) 是否复制元素的所有事件处理,true复制事件处理
attr()方法:
attr([name]) 获取 或 设置 单个属性值
attr({[name1:value],[ name2:value ]} ) 设置 多个属性值
遍历同辈元素:
next( [expr] ) 获取紧邻匹配元素之后的元素
prev( [expr] ) 获取紧邻匹配元素之前的元素
siblings( [expr] ) 获取匹配元素前面和后面的所有同辈元素
遍历元素:
children() 遍历他的儿子
parent() 它的父亲
parents() 它的祖先
表单校验:
事件: onblur() 失去焦点,当光标离开某个文本框时触发
onfocus() 获得焦点,当光标进入某个文本框时触发
方法: blur() 从文本域中离开焦点
focus() 在文本域中设置焦点,即获得鼠标光标
select() 选取文本域中的内容,突出显示输入区的内容
RegExp对象:
exec() 检索字符串中是正则表达式的匹配,返回找到的值,并确定其位置
test() 检索字符串中指定的值,返回 true 或 false
属性:golbal RegExp对象是否具有标志 g
ignoreCase RegExp对象是否具有标志 i
multiline RegExp对象是否具有标志 m
String 对象的方法:
match() 找到一个或多个正则表达式的匹配
search() 检索与正则表达式相匹配的值
replace() 替换与正则表达式匹配的字符串
split() 把字符串分割为字符串数组
正则表达式常用的符号:
/…./ 代表一个模式 开始和结束
^ 匹配字符串的开始
$ 匹配字符串的结束
\s 任何空白字符
\S 任何非空白字符
\d 匹配一个数字字符
\D 匹配一个除了数字之外的任何字符
\w 匹配一个数字,下划线,字母字符
\W 任何非单字字符
. 除了换行符之外的任意字符
正则表达式常用的重复字符:
{n} 匹配前一项n次
{n,} 匹配前一项n次,或者多次
{n,m} 匹配前一项n次,但是不能超过m次
* 匹配前一项0次或多次,
+ 匹配前一项1次或多次
? 匹配前一项0次或1次