Question

如何解决js延迟显示效果问题？

<%bb=2%>
<input id="a">
<input id="b" value=<%=bb%>>
<script>
var aaa=document.getElementById("a")；
var bbb=document.getElementById("b")；
$(function() {
if (bbb.value==2){
aaa.value="成功"
}else{
aaa.value="失败"
}
});
</script>
为啥第一次打开是<input id="a">值不显示，刷新一下才显示值“成功”，如何解决这种延迟显示？

Answer 1

方法/步骤

• 首先我们打开Sublime Text软件，新建一个HTML的文档，如下图所示

  

• 接下来在html中添加JS方法，在JS方法里面设置一个for循环，输出每次循环的值，如下图所示

  

• 然后我们运行程序，你会看到在输出栏中输出了10次10，而并没有从1开始输出，如下图所示

  

• 接下来我们更改一下for循环中的逻辑，利用闭包将i的值传递给a，如下图所示

  

• 这次在运行程序我们就可以看到输出内容是1开始输出了，如下图所示

  

• 另外，在JS中刚才的写法还可以按照下面的方式实现，如下图所示

  

• 7

  综上所述，在JS中如果for循环中有异步方法，就需要用闭包的方式保留当前循环变量值，是不是很简单啊

追问

不懂，跟我问的问题有什么关系吗

Answer 2

修改了问题吗？太鸡贼了。

不知道你引用了什么框架，按我理解$+function这个函数根本没有执行，另外，你的分号好像用错了。

将函数单独拿出来执行。

// 改为英文分号
var aaa=document.getElementById("a");
var bbb=document.getElementById("b");
// 别加$，并在末尾添加()
(function()
{ 
    if (bbb.value==2)
    {
        aaa.value="成功"
    }
    else
    {
        aaa.value= "失败"
    }
})();

以下是原回答：

-----------------------------

不是延迟显示，而是语法错误，代码中变量aaa只是个值，所以你的代码只会改变aaa变量本身，并不会更改#a元素的value，正确代码如下：

<input id="a">
<input id="b" value="2">
<script>
    (() =>
    {
        // #b.value应该是个字符串，js中允许数字字符串和数字直接比较
        if (document.getElementById("b").value == 2)
        {
            document.getElementById("a").value = '成功';
        }
        else
        {
            document.getElementById("a").value = '失败';
        }
    })();
</script>

追问

我是用asp写的，的值通过授予，然后js通过判断的值向传值判断是“成功”还是“失败”，清除浏览器缓存后，第一次打开是无值的，刷新一下才显示“成功”

追答

建议你在我原回答的代码基础上修改，避免一些低级错误。

Answer 3

<%bb=2%>
<input id="a">
<input id="b" value=<%=bb%>>
<script>
$(function(){
    if ($("#b").val()=="2"){
        $("#a").val("成功");
    }else{
        $("#a").val("失败");
    }
});
</script>

Answer 4

直接这么写试试

<%bb=2%>
<input id="a">
<input id="b" value=<%=bb%>>
<script>
var aaa=document.getElementById("a");
var bbb=document.getElementById("b");
if (bbb.value==2){
aaa.value="成功";
}else{
aaa.value="失败";
}
</script>

不要写成函数

Answer 5

<%bb=2%> 这个赋值比 if (bbb.value==2){ aaa.value="成功" } 这个判断慢，所以第一次刷新没有显示，第二次刷新的时候，那个input a 里有缓存的值，所以第二次刷新才会显示成功

追问

那如何解决这个问题呢，如果写成if (bbb.value==){ aaa.value="成功" } 的话，这个代码就不能放在里面了

追答

你为何不用js赋值

追问

怎么用，求请教，学术不精，多包涵

追答

b.value = 2 ....................

追问

var b=;
在引用的里面写
var aaa=document.getElementById("a")；
$(function() {
if (b==2){
aaa.value="成功"
}else{
aaa.value="失败"
}
});
是这样吗

追答

var aaa=document.getElementById("a")；
var bbb=document.getElementById("b")；
bbb.value = 2; //这里写上去就赋值给第二个input了
if (bbb.value==2){ //这里你都不写JQ代码你就不用写$(function(){})这种匿名函数
aaa.value="成功"
}else{
aaa.value="失败"
}

追问

但是的值是从数据库里调出来的，而数据库的值是用户行为产生的，并不是固定的值，意思是判断数据库值是否为2，再得出的不同值，如果直接用成功失败表示的话，asp消耗比js要更大的内存吧，复杂点的也没js简洁

追答

>

var aaa=document.getElementById("a")；
var bbb=document.getElementById("b")；

function c() { //onchange="c()"的意思是监听input b的值，他的值只要改变了就调用函数c()
if (bbb.value==2){
aaa.value="成功"
}
else{
aaa.value="失败"
}
});