問題描述

如下業務場景，在IOS應用中，嵌入了H5頁面，就叫他A頁面，點擊A頁面跳轉至B頁面，B頁面有一個按鈕，叫他按鈕S，按鈕S會觸發一個Ajax事件，去請求一個應用接口，返回一個HTML，返回的HTML就定義為h變量名吧,Ajax調用("body").html(h)；h的內容是，一個form，在設置了$("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(h),會清空整個頁面，整個時候頁面會有一個空白期，等到Ajax返回數據之后，再設置到HTML中，此時的HTML已經跳轉至form中請求的新頁面，點擊IOS原生view的后退按鈕，就看到了空白，事實上看到的是$(“body”).html()設置過程中空白頁的頁面，因為原有內容已經被這句話給清空了。所以看到了空白。

修改方案

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