语法:οnmοuseοver="message()"
鼠标移开事件(onmouseout)
语法:οnmοuseοut="message()"
语法:οnfοcus="message()"
语法: οnblur="message()"
语法:οnselect="message()"
语法:ο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:开始检索的位置
var mystr="86-010-85468578";
以字符"-"分隔字符串对象mystr
语法:mystr.split("-")
将字符串对象mystr每个字符分割
语法:mystr.split("")
将字符串对象mystr分割成字符,分割3次
语法:mystr.split("",3)
ceil() 方法可对一个数进行向上取整。
语法:Math.ceil(x)
floor() 方法可对一个数进行向下取整
语法:Math.floor(x)
语法:Math.round(x)
语法:Math.random();
concat() 方法用于连接两个或多个数组。此方法返回一个新数组,不改变原来的数组。
语法:arrayObject.concat(array1,array2,...,arrayN)
语法:arrayObject.reverse()
语法:arrayObject.slice(start,end)
语法: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(代码,交互时间);
语法: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 属性返回访问者屏幕的高度,以像素计,减去界面特性,比如任务栏。
通过元素节点的属性名称获取属性的值。
语法:elementNode.getAttribute(name)
1. nodeName : 节点的名称
2. nodeValue :节点的值
3. nodeType :节点的类型
语法:node.firstChild
语法:node.lastChild
语法:elementNode.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);
在script 标签内补充代码,实现创建一个新li标签,内容为"php",并将新创建的li插入到内容为HTML的标签前。
var otest = document.getElementById("test");
var newnode = document.createElement("li");
newnode.innerHTML = "PHP" ;
otest.insertBefore(newnode,otest.childNodes[1]);
语法:nodeObject.removeChild(node)
实现将 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和offsetWidth,获取网页内容高度和宽度(包括滚动条等边线,会随窗口的显示大小改变)。
var w= document.documentElement.offsetWidth || document.body.offsetWidth;
var h= document.documentElement.offsetHeight|| document.body.offsetHeight;