javascript进阶

鼠标经过事件（onmouseover）

语法：οnmοuseοver="message()"

鼠标移开事件（onmouseout）

语法：οnmοuseοut="message()"

光标聚焦事件（onfocus）

语法：οnfοcus="message()"

失焦事件（onblur）

语法： οnblur="message()"

内容选中事件（onselect）

语法：οnselect="message()"

文本框内容改变事件（onchange）

语法：οnchange="message()"

返回/设置年份方法
当前时间：var mydate=new Date()
设置年份：mydate.setFullYear(81)

获得年份：mydate.getFullYear()

返回星期方法

获得星期：mydate.getDay()

返回指定位置的字符
charAt() 方法可返回指定位置的字符。返回的字符是长度为 1 的字符串。

语法:stringObject.charAt(index)

返回指定的字符串首次出现的位置
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
语法stringObject.indexOf(substring, startpos)

substring:需要检索的字符串；startpos:开始检索的位置

字符串分割split()
var mystr="86-010-85468578";
以字符"-"分隔字符串对象mystr
语法：mystr.split("-")
将字符串对象mystr每个字符分割
语法：mystr.split("")
将字符串对象mystr分割成字符，分割3次

语法：mystr.split("",3)

向上取整ceil()
ceil() 方法可对一个数进行向上取整。

语法:Math.ceil(x)

向下取整floor()
floor() 方法可对一个数进行向下取整

语法:Math.floor(x)

四舍五入round()

语法:Math.round(x)

随机数 random()

语法：Math.random();

数组连接concat()
concat() 方法用于连接两个或多个数组。此方法返回一个新数组，不改变原来的数组。

语法:arrayObject.concat(array1,array2,...,arrayN)

颠倒数组元素顺序reverse()

语法:arrayObject.reverse()

选定元素slice()

语法:arrayObject.slice(start,end)

数组排序sort()
语法:arrayObject.sort(方法函数)

举例：<script type="text/javascript">

function sortNum(a,b) {
return b-a;}
var myarr = new Array("80","16","50","6","100","1");
document.write(myarr.sort(sortNum));

</script>

计时器setInterval()

语法:setInterval(代码,交互时间);

取消计时器clearInterval()
语法：clearInterval(id_of_setInterval)

id_of_setInterval：由 setInterval() 返回的 ID 值。

返回前一个浏览的页面
语法：window.history.back();

相当于:window.history.go(-1);

返回下一个浏览的页面
语法：window.history.forward();

相当于:window.history.go(1);

屏幕分辨率的高和宽
1. screen.height 返回屏幕分辨率的高

2. screen.width 返回屏幕分辨率的宽

屏幕可用高和宽度
1. screen.availWidth 属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如任务栏。

2. screen.availHeight 属性返回访问者屏幕的高度，以像素计，减去界面特性，比如任务栏。

getAttribute()方法
通过元素节点的属性名称获取属性的值。

语法：elementNode.getAttribute(name)

节点属性
1. nodeName : 节点的名称
2. nodeValue ：节点的值

3. nodeType ：节点的类型

访问子节点的第一和最后项
语法：node.firstChild

语法：node.lastChild

访问父节点parentNode
语法：elementNode.parentNode

注意:父节点只能有一个。

访问父节点parentNode

语法：elementNode.parentNode

访问兄弟节点
1. nextSibling 属性可返回某个节点之后紧跟的节点（处于同一树层级中）:语法：nodeObject.nextSibling

2. previousSibling 属性可返回某个节点之前紧跟的节点（处于同一树层级中）:语法nodeObject.previousSibling 

 

插入节点appendChild()
完成为UL标签添加一个新项PHP
<ul id="test">  <li>JavaScript</li>  <li>HTML</li></ul> 
var otest = document.getElementById("test");  
var newnode=document.createElement("li");
 var newtext=document.createTextNode("PHP");
 newnode.appendChild(newtext);

otest.appendChild(newnode);

插入节点insertBefore()
在script 标签内补充代码，实现创建一个新li标签，内容为"php",并将新创建的li插入到内容为HTML的标签前。
var otest = document.getElementById("test");  
   var newnode = document.createElement("li");
 newnode.innerHTML = "PHP" ;  

otest.insertBefore(newnode,otest.childNodes[1]); 

删除节点removeChild()

语法:nodeObject.removeChild(node)

替换元素节点replaceChild()
实现将 b 标签替换成 i 标签
<div><b id="oldnode">JavaScript</b>是一个很常用的技术，为网页添加动态效果。</div>
var oldnode=document.getElementById("oldnode");
var oldHtml=oldnode.innerHtml;
var newnode=document.createElement("i");
oldnode.parentNode.replaceChild(newnode,oldnode);

newnode.innerHTML=oldHtml;

网页尺寸宽和高
scrollHeight和scrollWidth，获取网页内容高度和宽度。
document.write(document.documentElement.scrollWidth+"<br/>");

document.write(document.documentElement.scrollHeight);

网页尺寸offsetHeight
offsetHeight和offsetWidth，获取网页内容高度和宽度(包括滚动条等边线，会随窗口的显示大小改变)。
var w= document.documentElement.offsetWidth || document.body.offsetWidth;
var h= document.documentElement.offsetHeight|| document.body.offsetHeight;