當(dāng)前位置:博客首頁>>javacript >> 閱讀正文

使用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

使用JS動(dòng)態(tài)修改微信瀏覽器中的title:目前有3 條留言

用戶評論頭像 蜜棗發(fā)表于 2016年11月28日 13:36[回復(fù)]

我就測試一下起名

用戶評論頭像 固執(zhí)的樹懶發(fā)表于 2016年03月23日 18:01[回復(fù)]

直接setTimeout(document.title=’xxx’,10)呢。

    用戶評論頭像 自信的熊貓發(fā)表于 2016年07月07日 11:17[回復(fù)]

    沒用的吧 上面是用的載入一個(gè)空的請求 讓微信重新設(shè)置標(biāo)題 你這樣寫只是重復(fù)賦值而已 微信不會(huì)重新載入標(biāo)題的

發(fā)表評論

change vcode