JavaScript代码加Alert后代码有效,不加则无效。

来源:互联网 发布:淘宝正的潘多拉 编辑:程序博客网 时间:2024/05/18 00:38

这个问题还真是头疼,刚开始觉得好奇怪,同样一段代码,为毛随便alert一下,下面的代码就起作用,去掉alert,啥效果也没有,真是奇了怪了!

先看下代码:

function setDedaultOption() {    var select = document.getElementById("nodeId");    //假设我们想要第二个选项为默认选项    select.options[1].selected = true;}

如果直接在其直接调用貌似没啥卵用,假如这么搞:

$(function(){    setDedaultOption();});

你如果是加个alert

$(function(){    alert("");    setDedaultOption();});

这时候你会发现setDedaultOption起作用了。

我想可能是这样的原因,js默认是异步执行的,如果前面某一步没得到结果,下面的代码就不再执行了,加了alert以后,就会强制等待,这时候前面的都执行完毕了,所以我们的代码也可以执行了,于是得到了结果。

所以我们就明白了,不就是等会儿么,那怎么等,setTimeout可解决问题,那么就在调用setDedaultOption的地方这么写:

window.setTimeout(function(){setDedaultOption();}, 500);

这里的意思就是500毫秒以后再执行setDedaultOption,这样就可以运行setDedaultOption的代码了。

当然在网上有很多资料是直接通过异步失效解决问题的,我在工作中还没遇到这样具体的案例,所以就不再展开了。

0 0