日期:2014-05-16  浏览次数:20331 次

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 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);

1 楼 nanzai 2012-05-01  
19.使用window对象

//在tm元素中显示当前时间
      document.getElementById("tm").innerHTML=new Date().toLocalString();这句话中的代码应该改成
    document.getElementById("tm").innerHTML=new Date().toLocaleString();