JS基本部分2"/>
JS基本部分2
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 οnlοad="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);
更多推荐
JS基本部分2
发布评论