文章目錄

• 觸發條件
• 解決方案
• 結論

提醒：本文最後更新於 1883 天前，文中所描述的資訊可能已發生改變，請謹慎使用。

update @ 2013-11-15 22:30，Chrome 穩定版已升級到 31.0.1650.57，經驗證，本文提到的 Bug 已修復。

本文提到的 Bug，是由我同事發現的，在 Chrome 正式版（31.0.1650.48）可以穩定復現，Chrome 30 和其它瀏覽器都沒問題。大家在測試本文示例時請留意版本號，如果有和本文描述不一致的地方請給我留言。

觸發條件

經過分析，如果在 Chrome 31 裡用 JavaScript 立即提交表單到 iframe 中（無論 get 還是 post），都會導致後續程式碼停止渲染。

簡單示例如下（外鏈地址）：

text1

<iframe name="ifr"></iframe>

<form action="https://imququ.com" id="form" target="ifr"></form>
<script>
    document.getElementById("form").submit();
</script>

text2

<img src="https://st.imququ.com/static/uploads/2011/07/ququ_1_1_1.jpg" />

<script
 
>
setTimeout(function() {
    alert(0);
}, 0);
</script>

以上程式碼，script 標籤之後的程式碼都不會執行。

解決方案

這個問題，暫時可以通過萬能的「setTimeout 0」來解決，即把提交表單的操作放在 setTimeout 裡執行（外鏈地址）：

text1

<iframe name="ifr"></iframe>

<form action="https://imququ.com" id="form" target="ifr"></form>
<script>
setTimeout(function
 
() {
    document.getElementById("form").submit();
}, 0);
</script>

text2

<img src="https://st.imququ.com/static/uploads/2011/07/ququ_1_1_1.jpg" />

<script>
setTimeout(function() {
    alert(0);
}, 0);
</script>

結論

這個問題還是比較嚴重的，我也會向社群反饋。大家有什麼看法，歡迎留言討論。

--EOF--

提醒：本文最後更新於 1883 天前，文中所描述的資訊可能已發生改變，請謹慎使用。