1.javaScript是一种描述性语言,也是一种基于对象和时间驱动的，并具有安全性能的脚本语言。
2.javaScript的组成部分:ECMAScript标准语言,BOM浏览器对象模型,DOM文档对象模型。
3.javaScript的基本结构<script src="js/xxx"><script>//导入外部js。
4.document.write()用来向页面输出可以包含HTML标签的内容。
5.onclick是单击的事件处理程序。
6.alert()是带有确定按钮的警告提示对话框也是一个函数。
7.JavaScript是一种弱语言类型,没有明确的数据类型。
8.变量的语法:var x,y,z=10; 由字母,数字,下划线,美元符号组成,但是不能以数字开头。
9.基本数据类型:undefined(未定义类型),null(空类型),number(数值类型),String(字符串类型),boolean(布尔类型)。
10.判断属于那种类型的typeof()。object类型返回object类型(对象,函数,数组)。
String对象的常用方法
indexOf(方法名,index);//查找字符串首次出现的位置
charAt(index);//返回在指定位置的字符
toLowerCase();//转小写
toUpperCase();//转大写
substring(index1,index2);//返回位于指定索引index1和index2之间的字符串,包括index1对应的字。
split(字符);//分割为字符串数组。
var 数组名称=new Array(数量);//数组的下标从0开始;
比如:1.var fruit=new Array("apple","orange");//直接赋值的数组
2.var fruit=new Array(2);//声明长度,分别赋值
fruit[0]="apple";
fruit[1]="orange";
3.var fruit=["apple","orange"];//中括号直接赋值
数组的常用方法和属性
length//返回长度
join();//通过一个分隔符进行分隔
sort();//对数组进行排序
push();//在末尾添加元素,并返回新的长度
for in循环
for(变量 in 对象){语句}//break退出 continue跳过
prompt();//输入提示对话框,带有确定和取消按钮。
常用系统函数:对象名.parseInt("字符串");//转成整形 parseFloat();//转成浮点型
isNaN();//判断是否为数字
定义函数
function 函数名(){
事件名="函数名()"; //调用函数
//javaScript语句;
[return 返回值]
}
常用的事件
onload();//一个页面完成加载
onclick();//单击对象
onmouseover();//光标移到上面
onkeydown();//键盘按下
onchange();//域的内容改变
window对象的属性
History:客户访问过的URL的信息
Location:有关当前URL的信息
Screen:只读属性
Window方法
Prompt():可输入的对话框
Alert():带有确定的警示对话框
Confirm():确定和取消的提示信息的对话框
Close():关闭
Open():打开新的窗口
setTimeout():指定的毫秒数后调用一次函数
setInterval():指定的周期来调用函数
获取时间
Function disptime(){
Var today=new Date();//获取当前时间
Var hh=today.getHours();//获得小时数
Var mm=today.getMiuntes();//获得分钟、
Var ss=today.getSeconds();//获得秒
Document.getElementByid(“muclock”).innerHtml=”现在是:”+hh+”:”+mm+”:”+ss;
}
//使用setInterval()每间隔指定毫秒后调用disptime()
Var myTime=setInterval(“disptime()”,1000);
--history对象的方法
Back():加载前一个URL
Forword():加载后一个URL
Go():加载某个具体的URL
location对象的属性
Host:设置或返回主机名和当前URL的端口号
Hostname:设置或返回当前URL的主机名
Href:设置或返回完整的URL
方法
Reload():重新加载当前文档
Replace():用新的文档替换当前文档
document属性
Referrer:返回载入当前文档的URL
URL:返回当前文档的URL
document方法
getElementById():返回指定id的第一个对象的引用
getElementsByName():返回带有指定名称的对象的集合
getElementsByTagName():带有指定标签名的对象的集合
write():向文档写文本
Date对象的方法
getDate():一个月中的每一天,值为1~31
getDay():星期中的每一天,其值为0~6
getHours():小时数,值为0~23
getMinutes():分钟数,值为0~59
getSeconds():秒数, 值为0~59
getMonth():月份,为0~11
getFullYear():年份,为4位数
math对象
Ceil():上舍入
Floor():下舍入
Round():四舍五入为最接近的数
Random():返回0~1中的随机数
事件
onclick():单击某个对象时调用事件
onmouseover():鼠标移到某元素之上
onmouseout():移开
onmousedown():按下
创建对象var 对象名称=new Object();
原型对象:prototype
//原型对象
Function flower(){
}
Flower.prototype.name=”曼陀罗花”;
Flower.prototype.showName=function(){
Alert(this.name);
}
Var flower=new Flower();
Flower.showName();
//组合继承
Function Humans(name){
This.name=name;
This.clothing=[“trousers”,”dress”,”jacket”];
}
Humans.prototype.sayName=function(){
Alert(this,name);
};
Function man(name,age){
Humans.call(this,name);//继承属性
This.age=age;
}
Man.prototype=new Humans();//继承方法
Man.prototype.sayAge=function(){
Alert(this.age);
};
Var man1=new man(“mary”,38);
Man1.clothing.push(“coat”);
Alert(man1.clothing);
Man1.sayName();
Man1.sayAge();
添加类样式
jQuery 对象.addClass(样式名)；
//实现二级联显示隐藏
$(document).ready(function(){
$(“li”).mouseover(function(){
$(this).css({“background”:”orange”});//背景颜色
$(this).children(“div”).show();
}).mouseout(function(){
$(this).css({“background”:”#c81623”});
$(this).children(“div”).hide();
});
});
鼠标方法
click():单击时
mouseover():移过时
mouseout():移出时
mouseenter():鼠标进入时
mouseleave():鼠标离开时
键盘事件
1.keydown():按下键盘时
2.keyup():释放键盘时
3.keypress():产生可打印的字符时
复合事件
Toggle();
改变元素高度
1.( selector).slideDown([speed],[callback])
css()方法说明
(selector).css({name:value,name:value})//设置多个属性
类样式
添加类样式(selector).removeClass(class);
判断是否含指定样式$(selector).hasClass(class);
设置或获取元素属性
(selector).removeattr(name);//删除元素属性
$(selector).children([expr]);//遍历子元素
遍历元素方法
prev();//获取上一个元素
next();//获取下一个元素
siblings();//获取匹配元素前面或后面的元素
parent();//父元素
parents();//祖先元素
$(selector).each(function(index,element))//遍历方法
CSS-DOM相关操作方法说法
offset()//返回以像素为单位的top和left坐标
offsetParent()//最近定位的祖先元素
position()//返回第一个匹配元素相对于父元素的位置
scrollLeft()//设置或返回匹配元素滚动条左侧的偏移
scrollTop()//设置或返回匹配元素滚动条顶部的偏移
正则语法
Var reg=/表达式/附加参数
附加参数
g:代表全局匹配
i:代表不区分大小写匹配
m:代表可以进行多行匹配
构造函数正则匹配
Var reg=new RegExp(“表达式”,”附加参数”);
String对象的方法
match():找到一个或多个正则表达式的匹配
search():检索与正则表达式相匹配的值
replace():替换与正则表达式匹配的字符串
split():把字符串分割为字符串数组
Replace语法:字符串对象.replace(RegExp对象或字符串,”替换的字符串”);
正则表达式符号
/…/:开始或结束
^:匹配字符串的开始
$:匹配字符串的结束
\s:任何空白字符
\S:任何非空白字符
\d:数字字符
\D:除了数字之外的任何字符
\w:匹配一个数值,下划线或字母
\W:任何非单字字符
点(.):除了换行符之外的任意字符
重复字符
{n}:匹配前一项n次
{n,}:匹配前一项n次,或者多次
{n,m}:匹配前一项至少n次,但是不能超过m次
*:匹配前一项0次或多次, 等价于{0,}
+: 匹配前一项1次或多次, 等价于{1,}
?: 匹配前一项0次或1次,也就是说前一项是可选的,等价于{0,1}
