在頁面提交之前，onsubmit事件可以在頁面中插入圖像嗎？

在頁面提交/傳輸控件到下一頁面之前，onsubmit事件是否可以將圖像插入頁面？在頁面提交之前，onsubmit事件可以在頁面中插入圖像嗎？

我使用的是經典的asp。

2011-07-21 Ontonomo

什麼是確切的工作流程？我點擊SUBMIT，然後出現一個圖像，然後1毫秒後提交表單？ – Cystack

是的。您可以插入HTML代碼（通過javascript）：

<img src="imgsrc">

但是，加載圖像需要一點時間。表單將用戶發送到另一個頁面在新窗口或在同一個窗口中？如果頁面將被替換爲新頁面，爲什麼還要在當前窗口中插入圖片？

2011-07-21 19:28:46

您可以用js預加載圖像，並將它放入緩存中，以便當它們擊中提交時。 –

當然。該函數在提交表單之前解析。

（儘管...雖然img元素可能會插入到頁面中，但在瀏覽器轉到下一頁之前可能無法加載，並且即使這樣做，用戶可能沒有時間清楚地看到它）

2011-07-21 19:29:09 Quentin

圖像加載速度可能足夠快，甚至可以預加載。優點是用戶在頁面加載時可以看到圖像。發佈表單可能需要幾秒鐘的時間，如果頁面很大或很複雜，可能會加載下一頁。大多數瀏覽器保留最後一頁的內容，直到加載新頁面的重要部分。 – GolezTrol

是的，你可以做到這一點。

HTML：如果你使用jQuery的會更容易些（我寫）

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

，然後JavaScript的將是：

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

但是，像其他人表示它可能不會在表單提交之前加載並顯示，因此您可能想要預先加載圖像，然後在頁面子之前將其設置爲可見MITS。

2011-07-21 19:37:35 rtpHarry

幾乎沒有jQuery，儘管無論如何你都可以使用它。 – GolezTrol

不可能，我可以把它寫在我頭上，因爲這個問題看起來很瘋狂我想我會讓自己變得簡單:) – rtpHarry

這並不是瘋狂的。在頁面加載時，您希望提供一些反饋是合乎邏輯的，尤其是在頁面加載速度緩慢的情況下。 – GolezTrol

回答