当我向onclick处理程序添加多个内联JavaScript函数时会发生什么？

Question

我只是想知道在这种情况下会发生什么：

<input type="submit" name="a" id="b" value="Login" onclick="functionOne();functionTwo();" id="LoginUser_LoginButton">

functionOne()首先运行，然后一旦完成，functionTwo()会运行吗？

我的实际情况是在ASP.NET页面上，我试图在提交之前将域名附加到登录页面中的用户名：

<input type="submit" name="LoginUser$LoginButton" id="loginSubmit" value="Login" onclick="appendDomain();javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;LoginUser$LoginButton&quot;, &quot;&quot;, true, &quot;LoginUserValidationGroup&quot;, &quot;&quot;, false, false))" id="LoginUser_LoginButton">

现在我必须测试appendDomain（）是否在表单提交之前运行，所以我必须以某种方式验证这一点而不实际提交表单。 TIA！

Answer 1

它们都会像一个接一个地写在JS块中一样运行

Answer 2

是的，这正是发生的事情。除非您的代码不执行任何异步操作，否则它将按顺序执行。

然而，像这样内联Javascript代码被认为是不好的做法。例如，您可能希望使用.addEventListener来使用不显眼的解决方案。