当前位置: 首页 > 图文教程 > 网络编程 > Javascript > AJAX中DOM的操作方法

Javascript
拖动一个HTML元素
JavaScript使用prototype定义对象类型(转)[
枚举JavaScript对象的函数
在Javascript中定义对象类别
获取任意Html元素与body之间的偏移距离 offsetTop、offsetLeft (For:IE5+ FF1 )[
用JavaScript限制textarea输入长度 (For: IE、Firefox ...)[
检测邮箱地址是否合法 Check Mail Address (For: IE5+、FF1.06、Opera 7+ ...)[
用于自动添加Digg This!按钮的JavaScript
Javascript实例教程(19) 使用HoTMetal(1)
Javascript实例教程(19) 使用HoTMetal(2)
Javascript实例教程(19) 使用HoTMetal(3)
Javascript实例教程(19) 使用HoTMetal(4)
Javascript实例教程(19) 使用HoTMetal(5)
Javascript实例教程(19) 使用HoTMetal(6)
Javascript实例教程(19) 使用HoTMetal(7)
实现复选框全选/全不选切换
js不是基础的基础
IE的不合理设计和Bugs
js倒计时代码
js静态作用域的功能。

Javascript 中的 AJAX中DOM的操作方法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 151 ::
收藏到网摘: n/a

被AJAX中DOM的操作郁闷了好几天,今天总算搞明白了,自学就是苦啊,苦的一把鼻涕一把泪的,把教训些出来,给后来者提个醒,老鸟就不要看了。

1.DOM中的对XML的操作不要和浏览器中的弄混掉了,比如getElementByName是浏览器中内置document对象的DOM操作,你用来操作responseXML就是错误的.在浏览器中,你可以使用document.getElementsByName('tagname')[0].value来获取控件值,但是在操作 responseXML的时候你就必须使用getElementsByName('tagname')[0].firstChild.data (nodeValue一样)。

2.如果你要应用responseXML,那么你要在服务器的应答服务中写上response.setContentType("text/xml");
假如你的AJAX的代码没有一次通过,那么即使在你更改正确后,页面也许还是错误的,这个是讨厌的浏览器缓存造成的,
万恶的缓存,我在这上面耽搁了至少1整天
所以你最好在服务器应答页面写上禁止缓存的语句 response.setHeader("Cache-Control","no-cache");
(请求url后面+当前系统的毫秒数也是一种方法。在js中用new Date().getTime()来获取系统与某一特定时间的毫秒差额。).

3.因为当前IE的一些标准不完全符合W3C。例如:
监视控件的改变我们都知道onchange事件,但是对于text控件IE是不支持onchange属性的,所幸我们onpropertychange事件来监听text。
再如我们在除IE以外的浏览器中设置CSS属性可以使用setAtrribute(),但是在IE中不支持,同样我们使用EObj.style.stylearrtibute=value来实现。