您的位置:首页 > 移动开发 > 微信开发

微信浏览器中用js修改页面title

2017-07-10 13:50 225 查看
普通的html页面中通过 document.title = 'new title'; 即可修改页面的title,但是在微信浏览器中这段代码是无效的,看了些别人的博客说是“由于微信浏览器只在页面首次加载时初始化了标题title,之后就没有再监听 window.title的change事件。所以这里修改了title后,立即创建一个请求,加载一个空的iframe,由于加载后立即就移除,也不会对页面造成影响,但这样微信浏览器上的title便刷新了。”修改方法如下:document.setTitle = function(t) {
document.title = t;
var i = document.createElement('iframe');
i.src = '//m.baidu.com/favicon.ico';
i.style.display = 'none';
i.onload = function() {
setTimeout(function(){
i.remove();
}, 9)
}
document.body.appendChild(i);
}

setTimeout(function(){
document.setTitle('new title');
}, 1);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息