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访问常用属性,页面事件,鼠标的滚轴活动,设定样式的属性值完成一个广告乱飞的网页!