Javascript onsubmit事件能否在页面提交之前将图像插入页面？

onsubmit事件能否在页面将控制提交/传输到下一页之前将图像插入页面

---

我正在使用经典asp。

是。您可以插入HTML代码（通过javascript）：

---

但是加载图像需要一点时间。表单是否将用户发送到新窗口或同一窗口中的其他页面？如果页面将替换为新的，为什么要在当前窗口中插入图像？

当然。函数在提交表单之前解析

---

（虽然…虽然可以将img元素插入页面，但在浏览器转到下一个之前，它可能不会加载，即使加载了，用户也可能没有时间清楚地看到它）

是的，您可以这样做。如果您使用jquery，那么（对我来说）会更容易：

html:

然后JavaScript将是：

$(document).ready(function() {
    $("#myForm").submit(function() {
        $(this).append('<img src="someImage.jpg" alt="" />');
    });
});

$（文档）.ready（函数（）{
$（“#myForm”）.submit（函数（）{
$（此）。附加（“”）；
});
});

---

但是，正如其他人所说，在表单提交之前，可能不会加载和显示该图像，因此您可能希望查看预加载图像，然后在页面提交之前将其设置为可见。

确切的工作流程是什么？我单击SUBMIT，然后出现一个图像，然后在1毫秒后提交表单？你可以用js预加载图像，并在缓存中保存它，以备他们点击SUBMIT时使用。没有jQuery几乎不难，尽管使用它也可以。不可能，我可以把这个问题记在脑子里，因为这个问题看起来很疯狂，所以我想我会让自己轻松一点：）这没那么疯狂。当页面加载时，您希望提供一些反馈是合乎逻辑的，尤其是当生成的页面加载缓慢时。图像加载速度可能足够快，甚至可以预加载。优点是用户可以在页面加载时看到图像。发布表单可能需要几秒钟，如果表单较大或复杂，则加载下一页也可能需要几秒钟。大多数浏览器会保留最后一页的内容，直到加载新页的重要部分。

<form id="myForm" action="">
    <input type="text" id="someId" />
    <input type="submit" id="submit" value="submit" />
</form>

$(document).ready(function() {
    $("#myForm").submit(function() {
        $(this).append('<img src="someImage.jpg" alt="" />');
    });
});