当前位置:博客首页>>javacript >> 阅读正文

使用JS动态修改微信浏览器中的title

作者: 郑晓 分类: javacript 发布于: 2015-12-04 09:01 浏览(7,696) 评论(3)


平时使用JS修改title,直接document.title=新标题就好了 这样在安卓的微信浏览器是正常运行,可在IOS中这样的确不起作用。

微信浏览器的title在页面加载完成后就确定了,因此如果光使用document.title来修改,不会有效果。所以这里使用了黑科技。

在微信浏览器中使用如下代码来动态修改浏览器上的title标题:

var $body = $('body');
document.title = '这里是要修改成的新标题';

var $iframe = $('<iframe src="/favicon.ico"></iframe>');
$iframe.on('load',function() {
  setTimeout(function() {
      $iframe.off('load').remove();
  }, 0);
}).appendTo($body);

由于微信浏览器只在页面首次加载时初始化了标题title,之后就没有再监听 window.title的change事件。所以这里修改了title后,立即创建一个请求,加载一个空的iframe,由于加载后立即就移除,也不会对页面造成影响,但这样微信浏览器上的title便刷新了。

↓↓↓微信扫码请我吃辣条↓↓↓

本文出自 郑晓个人博客,转载时请注明出处及相应链接。

本文永久链接: https://www.zh30.com/js-weixin-title.html

使用JS动态修改微信浏览器中的title:目前有3 条留言

用户评论头像 蜜枣发表于 2016年11月28日 13:36[回复]

我就测试一下起名

用户评论头像 固执的树懒发表于 2016年03月23日 18:01[回复]

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

    用户评论头像 自信的熊猫发表于 2016年07月07日 11:17[回复]

    没用的吧 上面是用的载入一个空的请求 让微信重新设置标题 你这样写只是重复赋值而已 微信不会重新载入标题的