js随笔

js随笔

Js的事件

事件通常和函数一起使用，通过触发某个事件来调用某一个函数。

1， onload 和 on u nload

当加载完某个页面时触发 onload，当离开某个页面的时候触发onUload事件。

Onload通常用来检测浏览器的类型和版本，选择合适的页面或者是合适的样式表。

Onload和onunload通常也用来处理用户进入和离开的时候的所建立的cookie。

2，onfoucs, onblur ,onchange

这三个方法一般用于配合表单的验证，获得焦点，失去焦点，发生改变触发事件。

3. Onsubmit

用于表单提交时的验证。例子：

<form action= ””  onsubmit= ” ss() ” />

4,onmouseover和onmouseout

当鼠标悬停时触发的事件，当鼠标移走时触发的事件。

5，try{}catch（err）{}；当try中的代码发生错误的时候执行catch中的语句。

6，js的throw声明。

throw的作用是创建异常

throw可以和try catch联合使用可以达到精确控制错误的目的。

例子： try { 

if(x>10)  throw "Err1"

else if(x<0) throw "Err2"

}  catch(er) { i

f(er=="Err1")  alert("Error! The value is too high")

if(er == "Err2")  alert("Error! The value is too low")  }

7onerror事件

只要页面出现脚本的错误就会触发onerror事件。

要是想利用onerror就必须创造一个用来处理错误的函数。

此函数用该有三个参数，msg（错误信息），line（发生错误的代码行），url（发生错误代码的链接地址）

此函数的返回值决定了是否标准显示错误信息。若返回值为true则会显示信息，若返回值为false则不会返回错误信息。

l  如何屏蔽js的错误代码

window.onerror=function(){return true;}  

8． 特殊字符

特殊字符的输出就是在特殊字符前面加上一个\

字符串的替换方法replace

例子：Str.replace(/Vis/, ” W3c ” )

9． Js的数组array，

①　 使用for-in来进行遍历，

②　 合并两个数组使用方法concat:

例子：document.write(att.concat(att1));假设att和attq1是两个不同的数组。

③　 将数组所有的元素写成一个字符串

使用jion方法。

v  添加和删除节点

Ø  添加新的节点就必须要先创建一个新的节点

var para=document.createElement( “ p ” );

要是想向p节点中添加文本就必须要先建立一个文本节点

var node=document.createTextNode( “ 这是新文本 ” )

然后向p节点中追加文本节点

 para.appendChild(node)

先找到需要追加到的节点

 var element=document.getElementById( “ div1 ” )

再把新创建的节点加到需要追加的节点当中

  element.appendChild(para) 

Ø  删除已有的节点

首先要找到你要删除节点的父节点

 var element=document.getElementById( “ div1 ” )

然后找到你要删除的节点

 var e=document.getElementById( “ delete ” )

在父节点中删除你要删除的节点就可以了。

 element.removeChild(e)

但是每次到要找到父节点在删除会很麻烦，但是js有不支持不通过父节点就删除节点

有一个常用的方法：

 var child =document.getElementById( “ deletd ” );

 child.parentNode.removeChild（child）;

2  Js是一种面向对象的语言

所以可以在js中创建对象的实例。

var person=new Object();

可以像对象中添加属性

person.firstName= ” liu ” ;

另一种创建的方式：

person={ “ firstName ” : ” liu ” , ” age ” : ” 51 ” } 

还可以用函数进行创造：

Function person( firstName ,lastName.age){

this.firstName=firstName;

this.lastName=lastName;

this.age=age;

}

Var person1=new person( “ liu ” , ” jia ” ,33);

2  Js的日期对象

定义日期:

Var myDate=new Date();此时自动使用当前日期作为初始值。

操作日期――设置日期

  设置具体的日期

  myDate.setFullYear(2009,11,23);

月份是从0开始的所以次应该是12月份

显示五天后的日期

myDate.setDate(myDate.getDate+5)

ü  getTime方法

得到从今到1970,1,1到现在的毫秒数。

ü  转换成字符串

这是转换成本地日期格式的字符串

 toLocalString();

ü  getDay()返回的是一周中的某一天

2  Js的数组 Array

1.  数组的定义

  var myArray=new Array();

2.  向数组中添加元素的方法

①　 myArray[0]= ” sasaly ” ;

myArray[1]= ” cscsly ”

myArray[2]= ” dsssly ”

若想控制数组的数量直接在Array中加上数字。

例子： var  myArray=new Array(3);

②　  var myArray =new Array( “ sa ” , ” ca ” , ” ss ” )  ;

3.  使用for-in  进行数组的遍历

例子：for(var t in myArray){

document.write(t+ “ \n ” );

}

4.  给数组进行排序使用方法sort();

document.write(myArray.sort());

要是想按照数值大小进行排序可以使用

document.write(myArray.sort(比较函数));

如果什么也不写就是按照字母顺序进行比较。

例子：document.write(nyArray.sort(ss));

Function ss(a,b){

Return a-b;

}

这是按升序排列，要是想按照降序排列则可以return b-a；

5.  合并两个数组使用concat方法

6.  把数组元素组成字符串使用方法join();

例子：myArray.join(),这是用逗号进行隔开。想用其他符号隔开的方法是jion( “ . ” );

l  round() 四舍五入

random()产生一个0到1的随机数

l  正则表达式

l  Js计时事件

setTimeout();

设置一个时间间隔后来执行代码。

语法：var t=setTimeout( “ js语句 ” ,毫秒数)

例子：function ss(){

  Var t=setTimeout( “ alert( ‘ dsdasd ’ ) ” ,5000)

}此事件发生的时候，五秒钟后弹出所添加的内容。

 clearTimeout()

取消setTimeout();