动态更改title的常用代码如下:
document.title = "标题";
这句代码在IOS上,QQ内置的浏览器里并没有效果。原因是IOS加载一次title,就不在监听title的变化。我采用 iframe 来更改title。
export function changeTitle(title) {
document.title = title;
let iframe = document.createElement("iframe");
iframe.style.display="none";
iframe.setAttribute("src", "../../static/title.html");
let d = function() {
setTimeout(function() {
iframe.removeEventListener('load', d);
document.body.removeChild(iframe);
}, 0);
};
iframe.addEventListener('load', d);
document.body.appendChild(iframe);
}
封装一个changeTitle()方法,在需要更改title的地方调用。在修改title的时候,创建一个iframe请求,然后立即删除,不会对页面造成影响,能够很好的解决该问题。