InnerHTML 什么时候立即执行？答案

【问题标题】：When does InnerHTML execute immediately?InnerHTML 什么时候立即执行？
【发布时间】：2014-12-09 12:38:45
【问题描述】：

我希望这个 HTA 代码打印 a 稍后会被 b 替换。但是，它的作用是在一段时间内什么都不打印，然后b。启用 MsgBox 行后，它会首先打印 a。

statusinfo.InnerHTML = "a" 的执行似乎被推迟了。任何人都可以告诉我这是为什么吗？我将如何获得所需的行为（立即刷新）？

<SCRIPT LANGUAGE=VBScript>
    Sub doThis()
        statusinfo.InnerHTML = "a"
        'MsgBox "stop"
        intensiveOperation
        statusinfo.InnerHTML = "b"
    End Sub

    Sub intensiveOperation()
        'takes long
    End Sub
</SCRIPT>

<BODY>
    <button onclick="doThis">Run</button>
    <div id="statusinfo">&nbsp;</div>
</BODY>
</HTML>

【问题讨论】：

当你给任意一个变量依次赋值两个不同的值时，只有最后一个是运算后的实际值。首先运行脚本，然后重新渲染页面。如果你想在页面上看到a和b，你必须使用setTimeout方法来延迟intensiveOperation，这样a就会在新脚本执行之前被渲染。
那么如何修改我的代码才能获得所需的结果？我尝试使用 retval = window.setTimeout("intensiveOperation", 2000, "VBScript") 包装 intensiveOperation，但它唯一做的就是现在立即显示 b 而不是一段时间后显示。与 2000 代替 10 相同。a 从未显示。

标签： dom vbscript hta

【解决方案1】：

脚本和渲染在单个线程中执行。这意味着，doThis 将在渲染开始之前完成。同时，您已将内部 HTML 设置为“b”，这将是您看到的唯一结果。

要解决此问题，您必须完成第一个子程序，并在短时间内调用intensiveOperation，并在第二个子程序结束时进行最终的 HTML 更新，如下所示：

Sub doThis
    statusinfo.InnerHTML = "a"
    Call window.setTimeout(GetRef("intensiveOperation"), 4)
End Sub

Sub intensiveOperation()
    'takes long
    statusinfo.InnerHTML = "b"
End Sub

完成 doThis 将释放线程。请注意，setTimeout 不会停止执行，整个子程序会执行到最后。之后，浏览器可以呈现页面。

intensiveOperation 在渲染完成后的某个时间点被调用，不早于给定的延迟，但可能更晚，具体取决于 CPU 当时正在执行的任务。

题头中的问题答案基本是：从不。

【讨论】：

您的代码确实展示了我要求的行为。不过我也想明白。我仍然不明白为什么将statusinfo.InnerHTML = "b" 放在 intensiveOperation() 中显然与将其放在 doThis() 的底部有本质的不同。您定义中的“脚本”是什么？一个潜艇？所以在你的代码中有两个线程在起作用？为什么？
“脚本”是“子”，是的。只有一根线。 doThis 在调用时会执行到最后，这就是为什么需要将b 移出 sub。 setTimeout 只是延迟了intensiveOperation 的执行，直到intensiveOperation 执行完毕才停止子程序。 doThis 中setTimeout 行之后的任何内容都将在intensiveOperation 之前执行。 setTimeout 只是延迟其 fn 参数的执行，并且保证延迟至少为 4 毫秒，可能更多，具体取决于 CPU 使用率等。