js随笔
Js 的事件
事件通常和函数一起使用，通过触发某个事件来调用某一个函数。
1 ， onload 和 on u nload
当加载完某个页面时触发 onload ，当离开某个页面的时候触发 onUload 事件。
Onload 通常用来检测浏览器的类型和版本，选择合适的页面或者是合适的样式表。
Onload 和 onunload 通常也用来处理用户进入和离开的时候的所建立的 cookie 。
2 ， onfoucs, onblur ,onchange
这三个方法一般用于配合表单的验证，获得焦点，失去焦点，发生改变触发事件。
3. Onsubmit
用于表单提交时的验证。例子：
<form action= ”” οnsubmit= ” 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.οnerrοr=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();