日期:2014-05-16 浏览次数:20331 次
17.通过Ajax编程的核心有两点:
通过XMLHttpRequest发送异步请求
通过DOM动态加载服务器响应
?
18.访问XHTML元素
根据ID访问XHTML元素:
document.getElementById("a").innerHTML;
document.getElementById("b").value;
?
修改单元格的值:
tb.rows.item(row-1).cells.item(cel-1).innerHTML=document.getElementById("celVal").value;
table,table下的rows, 第几行,列,第几列
?
新增XHTML元素
创建或复制节点
document.createElement("div");
Node cloneNode(boolean deep):复制当前节点,当deep为true时,复制当前节点和后代节点,当deep为false时,仅复制当前节点
?
添加节点
appendChild(Node newNode)
insertBefore(Node newNode,Node refNode)
replaceChild(Node newChild,Node oldChild)
?
为列表框、下拉菜单添加选项
?
19.使用window对象
alert(),confirm(),prompt(),close(),focus(),blur,open()
?
使用定时器
<body onload="setTime();">
<span id="tm"></span>
<script type="text/javascript">
?????? //定义定时器变量
?????? var timer;
?????? //保存页面运行的起始时间
?????? var cur = new Date().getTime();
?????? function setTime(){
????????????? //在tm元素中显示当前时间
????????????? document.getElementById("tm").innerHTML=new Date().toLocalString();
????????????? //如果当前时间比起始时间大于60秒,停止定时器的调度
????????????? if(new Date().getTime() - cur > 60 * 1000){
????????????????????? //清除timer定时器
????????????????????? clearInterval(timer);
????????????? }
?????? }
??????? //指定每隔1000毫秒执行setTime()函数一次
??????? timer = window.setInterval("setTime();",1000);
</script>
</body>
?
20.事件处理机制
使用正则表达式截取空格
function trim(s){
????? return s.replace(/^s*/,"").replace(/\s*$/,"");
}
onblur,onchange,onclick,ondblclick,onfocus,onkeydown,onkeypress,onkeyup,onload,onmousedown,onmousemove,
onmouseout,onmouseover,onmouseup,onreset,onselect,onsubmit
?
使用attachEvent方法执行绑定
domObject.attachEvent("eventName",functionReference);