問題描述

如下業務場景，在IOS應用中，嵌入了H5頁面，就叫他A頁面，點選A頁面跳轉至B頁面，B頁面有一個按鈕，叫他按鈕S，按鈕S會觸發一個Ajax事件，去請求一個應用介面，返回一個HTML，返回的HTML就定義為h變數名吧,Ajax呼叫("body").html(h)；h的內容是，一個form，在設置了(“body”).html(h)之後，呼叫了h中的form的submit方法,假設h中的form的id為fid，js執行$(“#fid”).submit(),此時會跳轉至form指定的action地址，ok，那麼現在，在IOS裝置中，我點選了，原生應用的返回按鈕，而不是頁面的後退按鈕（此時其實螢幕上有兩個後退按鈕），那麼在IOS中會出現返回是空白頁，在安卓裝置中不會。

問題查詢

後來找IOS開發，各種看，都找不到原因，冥冥中就是被殘虐，一個開發妹子後來看了程式碼，解釋道：在呼叫("body").html(h),會清空整個頁面，整個時候頁面會有一個空白期，等到Ajax返回數據之後，再設置到HTML中，此時的HTML已經跳轉至form中請求的新頁面，點擊IOS原生view的後退按鈕，就看到了空白，事實上看到的是(“body”).html()設定過程中空白頁的頁面，因為原有內容已經被這句話給清空了。所以看到了空白。

修改方案

將("body").html(h)修改為(“body”).append(h)，h內容中的form設定為隱藏。重試，就ok了！！我去啊，僅此記錄！