博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript代码加Alert后代码有效,不加则无效。
阅读量:4098 次
发布时间:2019-05-25

本文共 734 字,大约阅读时间需要 2 分钟。

这个问题还真是头疼,刚开始觉得好奇怪,同样一段代码,为毛随便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的代码了。

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

转载地址:http://ozhii.baihongyu.com/

你可能感兴趣的文章
DirectX11 平行光
查看>>
DirectX11 点光
查看>>
DirectX11 聚光灯
查看>>
DirectX11 HLSL打包(packing)格式和“pad”变量的必要性
查看>>
DirectX11 光照演示示例Demo
查看>>
VUe+webpack构建单页router应用(一)
查看>>
Vue+webpack构建单页router应用(二)
查看>>
从头开始讲Node.js——异步与事件驱动
查看>>
Node.js-模块和包
查看>>
Express: Can’t set headers after they are sent.
查看>>
2017年,这一次我们不聊技术
查看>>
实现接口创建线程
查看>>
HTML5的表单验证实例
查看>>
程序设计方法概述:从面相对象到面向功能到面向对象
查看>>
JavaScript基础1:JavaScript 错误 - Throw、Try 和 Catch
查看>>
SQL基础总结——20150730
查看>>
SQL join
查看>>
JavaScript实现页面无刷新让时间走动
查看>>
CSS实例:Tab选项卡效果
查看>>
前端设计之特效表单
查看>>