使用JS動態(tài)修改微信瀏覽器中的title
作者: 鄭曉 分類: javacript 發(fā)布于: 2015-12-04 09:01 瀏覽:16,311 評論(3)
平時使用JS修改title,直接document.title=新標題就好了 這樣在安卓的微信瀏覽器是正常運行,可在IOS中這樣的確不起作用。
微信瀏覽器的title在頁面加載完成后就確定了,因此如果光使用document.title來修改,不會有效果。所以這里使用了黑科技。
在微信瀏覽器中使用如下代碼來動態(tài)修改瀏覽器上的title標題:
var $body = $('body');
document.title = '這里是要修改成的新標題';
var $iframe = $('');
$iframe.on('load',function() {
setTimeout(function() {
$iframe.off('load').remove();
}, 0);
}).appendTo($body);
由于微信瀏覽器只在頁面首次加載時初始化了標題title,之后就沒有再監(jiān)聽 window.title的change事件。所以這里修改了title后,立即創(chuàng)建一個請求,加載一個空的iframe,由于加載后立即就移除,也不會對頁面造成影響,但這樣微信瀏覽器上的title便刷新了。
本文采用知識共享署名-非商業(yè)性使用 3.0 中國大陸許可協(xié)議進行許可,轉(zhuǎn)載時請注明出處及相應(yīng)鏈接。
本文永久鏈接: http://yjfs.org.cn/js-weixin-title.html
我就測試一下起名