當前位置:博客首頁>>javacript >> 閱讀正文

使用JS動態(tài)修改微信瀏覽器中的title

作者: 鄭曉 分類: javacript 發(fā)布于: 2015-12-04 09:01 瀏覽:16,104 評論(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é)議進行許可,轉載時請注明出處及相應鏈接。

本文永久鏈接: http://www.yjfs.org.cn/js-weixin-title.html

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

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

我就測試一下起名

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

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

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

    沒用的吧 上面是用的載入一個空的請求 讓微信重新設置標題 你這樣寫只是重復賦值而已 微信不會重新載入標題的

發(fā)表評論

change vcode