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