IOS客戶端修改title的方法。

微信公衆號Ｈ５頁面，須要動態修改title.

常規的作法是：document.title = "the title you want to set";一直也是這麼用的。

可是在ＩＯＳ設備上測試的時候，一直沒效果。原理是：單頁面應用整個頁面只有在最開始加載的時候所有刷新，後繼的ＪＳ刷新通常都是局部刷新，不多能改動ｈｅａｄ裏面的內容。

在網上找到辦法解決。

代碼以下：

　　var $body = $('body');

　　 document.title = 'the title you want to set';

　　 var $iframe = $("<iframe src='/favicon.ico'></iframe>");

　　 $iframe.on('load',function() {

　　　　setTimeout(function() {

　　　　　　 $iframe.off('load').remove();

　　　　　　}, 0);

　　　}).appendTo($body);

 

原理就是加載一個看不見的ｉｆｒａｍｅ。因爲ｉｆｒａｍｅ是脫離文檔流的，對頁面其餘文檔流不形成影響。親測可用！