document.title在某些app中无法更改的解决方案

最新推荐文章于 2025-09-28 14:56:48 发布

原创最新推荐文章于 2025-09-28 14:56:48 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

web前端专栏收录该内容

23 篇文章

订阅专栏

本文介绍了一种使用JavaScript修改网页标题并在修改后通过隐藏的iframe触发页面刷新的方法，适用于需要动态更新页面标题的场景。

function setDocumentTitle(str){
    setTimeout(()=> {
        //利用iframe的onload事件刷新页面
      let title = document.getElementsByTagName('title')[0];
      title.innerText = str;
      let iframe = document.createElement('iframe');
      iframe.style.visibility = 'hidden';
      iframe.style.width = '1px';
      iframe.style.height = '1px';
      iframe.onload = function () {
          setTimeout(function () {
            document.body.removeChild(iframe);
          }, 0);
       };
        document.body.appendChild(iframe);
      }, 0);
}