无意中测试AJAXRequest浏览器兼容性的时候,发现AJAXRequest.update方法在某些情况下在IE里有问题,经过测试找到是setTimeout和setInterval的问题。 问题出现在当调用AJAXRequest.update方法时,如果带了更新间隔及更新次数,那么在IE下面就会出现问题,具体表现为带了更新间隔时是函数工作,带上更新次数时函数无法在更新指定次数后停止执行。 测试几个例子之后找到了问题所在,在IE里,setTimeout和setInterval是不支持参数传递的。 演示地址: 在Netscape的JavaScript参考中找到setTimeout的语法如下: 第二种使用方法就是定义了一个定时器,在执行时function时,将把调用setTimeout时定义的参数传递给function,但在IE中,并不支持这种方式的调用,也就是在执行function的时候,函数并没有接收到这些参数。如下面的例子: 在Firefox和Opera里,浏览器都能正确的弹出提示框显示字符串“my site: www.xujiwei.cn”,而在IE里,显示的则是“my site: undefined”,说明函数show并没有接收到参数str,所以显示出来就是一个未定义变量。 当然,如果在函数内部使用的变量是全局变量时,就不必要考虑这些问题,如:这段代码在IE和Firefox里都能正常工作,显示出“my site: www.xujiwei.cn”。 在变量是全局变量的情况下,可以使用语句段的方式来调用setTimeout,即使用第一种语法: 因为变量url是全局变量,因此定时器执行所定义的语句段“show(url);”能正确传递参数,但是如果url不是全局变量,而是一个局部变量时,执行结果就会出错了: 此时就会出错了,在函数test执行时,会提示url未定义,在执行定义的语句段“show(url);”时,上下文已经脱离了函数test,而url是在函数test内部定义的,所以在执行函数test的时候,变量url已经释放了。 如果要在setTimeout里面使用局部变量,并且解决在IE里的setTimeout不支持参数传递的问题,可以使用匿名函数,即在调用setTimeout时定义一个匿名函数,在这个函数内部进行原来需要进行的操作。 在上面的例子中,调用setTimeout时定义了一个匿名函数,它的函数体是“show(url);”,因为已经定义了函数,所以在定时器调用这个函数时,变量url还是有引用的,因些函数可以正确执行,显示出字符串“my site: www.xujiwei.cn”。 总的来说,使用setTimeout或者setInterval时需要注意以下几点: 1. 定义定时器时如果是使用的表达示,那么其中的变量应该是全局变量,或者是一个直接的值,而不能是局部变量。 2. 定义定时器时如果是定义的调用函数,那么应该只写函数名,而不能加括号,如果加了就是定义返回值了。 3. 在IE里使用定时器时不能传递参数。 4. 如果要在IE里使用定时器时传递参数,可以使用匿名函数,在函数体中调用原来该调用的函数。 如有错误还请指正。
推荐整理分享setTimeout和setInterval的浏览器兼容性分析(settimeout和setinterval在安卓机无效),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:settimeout和setinterval在用法上的区别,setTimeout和setInterval,settimeout和setinterval谁先执行,setTimeout和setInterval的区别,settimeout和setinterval谁先执行,settimeout和setinterval在用法上的区别,setTimeout和setInterval,setTimeout和setInterval的区别,内容如对您有帮助,希望把文章链接给更多的朋友!
整理的比较不错的JavaScript的方法和技巧第1/3页 适合阅读范围:对JavaScript一无所知~离精通只差一步之遥的人基础知识:HTMLJavaScript就这么回事1:基础知识1创建脚本块1:scriptlanguage=JavaScript2:JavaScriptcod
特殊数据的js四舍五入问题 特殊数据的js四舍五入问题2..0两数相乘:.四舍五入后结果是:.怎么回事啊?[Ctrl+A全选注:如需引入外部Js需刷新才能执行]比较
求得div 下 img的src地址的js代码 目的:求得div下img的srchtml:divid="image1"imgsrc="loading.gif"//divdivid="image2"imgsrc="loading.gif"//div..divid="image"imgsrc="loading.gif"//div我的错误代码:initImage();loadImage();