1. 常用的系统函数：
① parseInt（）
② parseFloat（）
③ isNaN（）--判断非数字，true：非数字； false：数字
④ 调用方式，如：
var a = parseInt(“889sdg”);
2. Ducument.getXXXXX().innerHTML=s或者Ducument.getXXXXX().innerHTML=“”不适用于<input xxxx />单闭合的标签
3. Window.onload回调函数：其实是在页面加载完成后（包括图片内容的显示）才会执行，并不是页面加载的等待过程中就执行。
4. Window对象的常用事件：
① Onload
② Onclick
③ Onmouserover---鼠标移动到某元素之上
④ Onkeydown--某个键盘按键被按下--
⑤ Onkeyup---键盘松开后
⑥ Onblur---当光标退出文本框后执行
⑦ Onfous---鼠标点击到文本框时执行
⑧ Ondblclick ----双击
5. History对象的方法：
① Back()
② Forword()
③ Go()
④ 例如：
< a href=”javascript:history.back() >前一页< /a >
6. Location对象：
① href：设置或者返回完整的URL
例：在网页【春.html】中有这么一句：
<a href="javascript:location.href='秋.html'">秋</a>
作用：在【春.html】中设定【秋】超链接，直接跳到网页【秋.html】
② reload()：重新加载当前网页
7. Document对象：
Document对象常用方法:
① getElementById()：由ID而来，具有唯一性
② getElementsByName()：由标签中的name的属性来获取元素
③ getElementByTagName()：由标签名来获取元素
④ Write()：向文档写文本，html表达式或者javascript代码
注：复选框checkbox若被选中，checked属性值为true
8. 动态时钟Date对象
① 当前时间：
var date = new Date();
② 常用获取时间的时分秒，年月日函数：
1) getDate()
2) getDay()
3) getMinutes()
4) ...
③ 定时函数：
1) setTimeout( “调用函数名“ , “间隔的毫秒数 “)
2) setInterval ( “调用函数名“ , “周期间隔的毫秒数 “)
例如：
<script type="text/javascript">
function setCurTime(){
var date = new Date();
var s = date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日 " +date.getHours()+":"+date.getMinutes()+":"+date.getSeconds();
var timer = document.getElementById("time");
timer.innerHTML=s;
setTimeout("setCurTime()",1000);
}
window.οnlοad=function(){setCurTime();} //指页面加载完成后就执行此函数
</script>
</head>
<body>
<p id="time"></p>
</body>
9. 节点操作
① 原则：必须要有一个最根本的框架，比如：ul，li至少要有ul和一个li，节点操作不能白手起家地从创建ul开始
② document.createElement(“TagName”)：创建一个标签
③ ulElement.appendChild(“li节点的名称”)：在ul节点下创建一个li
注：添加一个p标签除了以上的节点操作，还可以使用：
document.getElementById(“divname”).innerHTML=”<p>我最帅</p>”.
10. 表格处理
① Table对象
1) 处理行----------设定table为Table对象
2) table.rows[]：返回表格中所有行的数组
3) 第一行对象：table.rows[0]
4) 新增一行：table.insertRow(index)
5) 删除一行：table.deleteRow(index)
② TableRow对象
1) 处理列----设定row为某一行的对象
2) row.cells[]: 返回包含行中所有单元格的数组
3) 插入新列：row.insertCell(index);
4) 删除新列：row.deleteCell(index);
③ TableCell对象
1) 处理列的样式-----设定单元格的对象为cell
2) cell.cellindex：单元格在此行单元个数组集合中的的位置
3) cell.innerHTML：设置单元格开始和结束标签之间的HTML
4) cell.align：设定单元格对齐方式
5) cell.className:设置或者返回单元格的class属性
11. this的效果
① 指代当前对象，可以使标签对象，调用者对象
② 使用方式：
1) 在标签中使用
<input name="username" value="wu" οnclick="alert(this.name);" /> //点击文本框则会有页面提示框显示：username
2) 在javascript函数中作为参数使用
Body：
<div οnclick="show(this);">第一个this</div>
Javascript:
function show(obj)
{
alert(obj.innerHTML);
}
3) 在javascript函数中直接使用
window.οnlοad=function()
{
var input = document.getElementsByName("username");
for(var i=0;i<input.length;i++)
{
input[i].onclick = function()
{
alert(this.value);
}
}
}
12. Javascript访问或者设定样式的常用方法：
1) document.getElementById( “ divid “).style.height = “26px”;
注：这里的px不可省略，在设定style.top时，这里的px也不可省略，这个错误耗费了本楼主2个小时，切记，切记！！！
document.getElementById( “ divid “).style.display= “none”;
2) 设置className属性：
document.getElementById( “ divid “).className = “class名称”
13. 获取样式属性值：
1) 行内样式：
Var returnValue = parseInt(divObj.style.top) //returnValue即为top属性值，为整数
2) 内部样式表或者外部样式表：
Var returnValue = parseInt(divObj.currentStyle.top) //returnValue即为top属性值，为整数
注：currentStyle为IE浏览器的专属，若是火狐，需要
Var returnValue = parseInt(document.defaultView..getComputedStyle(divObj,null).top)
14. 获得鼠标滚动的距离
1) scrollTop：返回或者设定子对象最顶端和页面最顶端的距离
获取方式：int returnValue = document.documentElement.scrollTop
注：标红处是document，在编写javascript时不能写成对象。
2) scrollLeft：返回或者设定子对象最顶端和页面最左端的距离
获取方式：int returnValue = document.documentElement.scrollLeft
15. 页面事件
1) Onload：页面一加载完成，就完成什么操作。。。
2) Onscroll：页面一使用滚轴，就完成什么操作。。。
3) 在javascript中使用window.onload 和 window.onscroll来进行相关功能
扩展与回忆：
使用javascript访问常用属性，页面事件，鼠标的滚轴活动，设定样式的属性值完成一个广告乱飞的网页！
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
