JS学习总结(一) - 基础

1.关于js

js:javascript和java没关系。它是解释性语言,java是编译型语言。Js主要用于网页编程,在网页编程中通过<script>标签嵌入js代码,用它来可以处理一些数据,编写一些方法。

2.js变量

js都是弱类型,定义变量时不能用数据类型,统一使用var 来定义变量;

var a=1;

数据类型:Number,String,Boolean,Null,Undefined(未定义的),Object(引用类型)。

3.js数组

Array对象表示数组。

创建语法:var a=new Array([size]);

初始化:1.动态初始化(和java相同):a[0]=值;

2.静态初始化:1.var a=new Array(值,值,值.......); 2. var a=[值,值,值......]

数组的属性及方法(api):length:数组的长度,数组中元素的个数
push():追加
pop():取出最后一个元素,并删除它
join():合并数组中的元素(正数下标),将合并的结果以字符串的形式返回
sort():排序
reverse():反转

   数组遍历:for in:for(var i in array){
alert(array[i]);
}

二维数组:也是元素类型为数组(Array)的数组。

4.js一些对象及方法

1.Object:所有对象的父对象。 var a=new Object();

2.String:代表字符串的对象。bold()(加粗)、link()(加链接)、charAt()、replace()、substring(start,end)、split()

3.Date(时间)对象:new Date();
new Date(1000);
new Date(1999,10,12);

4.Math:用于调用一些数学方法的一个对象:PI、E、random()、abs()、round()、floor()。

5.Function:函数对象,用来创建函数。(接5)

6.Global:全局对象,可在自定义函数中直接使用

常用方法:parseInt()、parseFloat()、isNaN()、eval() //动态执行一段js代码

7.window:全局对象,代表着浏览器中打开的一个窗口

1.常用方法:alert()、confirm()、prompt()//确认框、

2.document对象:它试试window的一个子对象;代表网页中显示的文档;Dom编程就是关于它的

常用方法:getElementById(),getElementsByTagName(),getElementsByName()。

5.js的函数

   Fucntion对象自定义函数:

  创建函数语法:1.function  函数名(参数){
//函数体
}

2.var 函数名=function(){
//函数体
}

3.var 函数名=new Function("参数","代码");

可见,定义函数时没有返回值,参数不需要数据类型;另外,js没有函数重载,重名定义时候后定义的覆盖

先定义的。

6.事件编程:

与用户进行交互,为需要处理的事件编写响应的事件处理程序。

1.事件编程的三要素;
事件:单击,双单击,鼠标移动,失去焦点,内容改变,键盘录入等,
事件源:产生事件的组件(标记)
事件处理程序:通常是一个函数,产生事件后所执行的代码;

2.常用的事件:

onClick 、onDbclick、onChange、onBlur、onFocus、onKeyup、onMousedown、onLoad

    3.绑定事件的方式:

1.行内绑定<元素 事件=”事件处理程序”>   事件处理程序一般为函数就行。

		function test(){   
			alert('hello world!');   
		}   
		<input type="button" value="click me" onclick="test()"/>   

2.动态绑定:对象.事件=事件处理程序.

 		document.getElementById("btn_ok").onclick=function(){  
        		alert("Hello!");  
   		 }; 
7.自定义对象

js是动态语言,可以实现动态增加属性和方法。(有别于Java)

1.直接定义:var a=new Object();

a.属性=值,

a.方法=方法

2.工厂函数;

3.构造函数:function Person(name,age){
this.name=name;
this.age=age;
this.eat=funciton(){
}
}

4.JSON格式的对象:var c={name:"curry",
    age:18,
   eat:function(){
          alert(this.name+"正在吃")
    }
} // {}:对象、 []:数组、 :为属性,方法进行赋值、 ,为分隔符

没有更多推荐了,返回首页