js常用事件以及一些语法、正则表达式、ajax

onclick：鼠标点击事件

onchange：标签内容发生改变时触发的事件

onload：网页加载时事件

onresize：网页大小发生变化时触发的事件

onfocus：选择输入域时触发的事件

onblur：离开该域，前往下一个目标时触发的事件（主要用于表单验证）

关于函数部分：

定义函数有以下几种常用方式：

1、调用函数

function name(){
     body;
}

2、引用函数，这种写法后边的函数体也被称为 匿名函数

var name=function(){
   body;
}

var myname=name;

这种方式就叫做 函数引用。
下面的方式可以将函数看作一个变量值。

*函数的参数可以是任意数据并且不需要指定数据类型，包括函数。例：

function name(function(){},value){
}

对于回调函数的一点理解：简单点说就是对当前函数的一个运行后的响应。

function test(value,callback){  
    alert(value);
    callback();  
}

调用上面的方法。

test(1000,function(){
    alert(1000被打印了);
});

关于js类这里与java定义类的形式很相像，一个js类包含自己的对象成员（object member），对象成员包含一下两种：特性（property）、方法（method）。也就是通常对象外定义的变量和函数(这里的变量也包括函数引用那种)。对象调用对象成员时也和java类似，就是对象.特性or方法（object.property/method）。js类也有自己的构造函数（跟java类似），定义构造函数名称通常首字母大写，例：

function Test(number,value){
    this.number=number;
    this.value=value;
    this.showValue=function(){    //像这种方法属于对象方法（通常构造函数只用于初始化对象的），因为它在构造函数中，js类还有类方法，下面会介绍
     alert(value);
}
}

也可以这样写（函数引用的那种写法）

var Test=function(number,value){
    this.number=number;
    this.value=value;
}

关于js类方法和类特性的创建

Test.prototype.age="12";
Test.prototype.example=function(){
    method.body;
}

以下是js类和实例化对象的一个例子：

	function TestClass(number,text){
		this.number=number;
		this.text=text;
	}
	TestClass.prototype.testAlert=function(){
		alert(this.text);
	}

		var tc=new TestClass(1,666);
		tc.testAlert();

关于正则表达式(以下列出的只是常用的一些规则写法):

1、正则表达式总是以‘/’开头和‘/’结尾（因为/在正则中是特殊符号，想要表达/需要用\

2、'.'匹配任何字符（换行符除外）

3、‘\s’匹配空格、tab、换行符

4、‘\d’匹配任何数字

5、‘^’字符串匹配以它为开始

6、‘$’字符串匹配已它为结束

7、'\w'匹配任何数字和字母

8、'*'限定其前面的子模式出现0次或多次

9、'{n}'限定其前面的子模式出现n次（n随意定义）

10、'{n,m}'限定其前面的子模式出现n~m次，就是最少n次，最多m次

11、'+'限定其前面的子模式出现1次或多次

12、'?'限定其前面的子模式出现0次或1次

13、'()'用于归类子模式

14、'|'或者

15、'[0-9]'取0到9之间的数字

16、'[a-z]'去a到z之间的字母

关于ajax主要用于发送异步请求，做动态生成网页，请求分为get和post两种，都是用来向服务端请求数据。get请求主要用于去后台请求数据，需要在url后面传递参数。

post请求可以向服务端发送大量数据（一般不常用）。

js常用事件以及一些语法、正则表达式、ajax

猜你喜欢