当JavaScript仍在运行时，浏览器是否显示HTML更改或允许提交表单？

Question

• 假设JavaScript正在同步运行（没有setTimeout ）以添加或删除HTML元素，那么HTML更改是否应该在完全完成之前显示给用户？

• 更重要的是，如果JavaScript更改了可以包含在表单提交中的元素（例如，添加多个textarea元素），那么用户是否可以在进行过程中单击“提交”按钮并提交不完整的请求？ （请求中包含某些textarea元素，而某些textarea元素未包含。）

---

这样的事情： <form action="" method="post"><input type="submit" value="Submit"></form>

而且，当用户提交它时，某些功能正处于进行中。

function happens_to_be_running_and_user_clicks_submit(){
    the_form_element.insertBefore(document.createElement('textarea'),the_form_element.firstChild).value='first textarea value';
    the_form_element.insertBefore(document.createElement('textarea'),the_form_element.firstChild).value='second textarea value';
}

---

（似乎有很多关于回流焊会影响性能的讨论。但是我仍然不确定是否存在任何要求，或者它仅取决于浏览器。特别是关于提交表单，无论是否与回流焊有任何关系。或渲染。）

Answer 1

我认为您的困惑可以通过您如何命名示例函数happens_to_be_running_and_user_clicks_submit来解释。 我假设您希望用户单击按钮时某个功能可以运行。

这是不可能的 。 至少不是没有使用网络工作者。 即使这样，Web Worker也无法更改DOM，因此，当Web Worker将消息发送回主线程以更改DOM时，再次变得不可能。

Javascript是单线程的。 因此，一次只能发生一件事。 当用户执行任何操作（在窗口中移动，单击按钮，移动鼠标..）时，操作系统会将事件发送到应用程序的事件队列。 Javascript（或更确切地说，浏览器）读取此队列以处理事件。 但是由于它是单线程的，因此仅在不忙时才处理事件。

所以。 剩下的只有两种可能性。

1. 您的函数会在用户单击按钮之前立即执行。 然后，当用户单击按钮时，该功能所做的所有操作都将呈现并处于活动状态。

2. 用户单击按钮后，您的函数将以某种方式立即执行。 然后，当用户单击按钮时，该功能将不起作用。

没有3rd状态。 要么全部要么一无所有。 至少没有没有异步的东西，例如setTimeout或ajax。