这是来自 IE 还是来自我的代码的错误？ - “等待 http://mysite.com”答案

【问题标题】：Is this a bug from IE or from my code? - "Waiting for http://mysite.com"这是来自 IE 还是来自我的代码的错误？ - “等待 http://mysite.com”
【发布时间】：2013-04-06 07:46:24
【问题描述】：

当我访问我的页面时，标题已正确加载，但一秒钟后，它变为“等待http://example.com”。

页面已加载，但即使在所有内容都加载完毕后，标题仍会继续，但仅在 IE 选项卡中，因为在托盘中标题应为应有的样子。

PS：Chrome 不会发生这种情况。并且 I.E 版本是 10

问题图片：

我的 HTML 代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico" />

        <title>DataTables Editor example</title>
        <style class="include" type="text/css">
            @import "support/bootstrap/css/bootstrap.css";
            @import "support/bootstrap/dataTables/dataTables.bootstrap.css";
            @import "css/customTable.css";
        </style>

        <script class="include" type="text/javascript" charset="utf-8" src="../../../media/js/jquery.js"></script>
        <script class="include" type="text/javascript" charset="utf-8" src="../../../media/js/jquery.dataTables.js"></script>
        <script class="include" type="text/javascript" charset="utf-8" src="../../TableTools/media/js/TableTools.js"></script>
        <script class="include" type="text/javascript" charset="utf-8" src="../../TableTools/media/js/ZeroClipboard.js"></script>
        <script class="include" type="text/javascript" charset="utf-8" src="../media/js/dataTables.editor.js"></script>

        <script class="include" type="text/javascript" charset="utf-8" src="support/bootstrap/js/bootstrap.js"></script>
        <script class="include" type="text/javascript" charset="utf-8" src="support/bootstrap/dataTables/dataTables.bootstrap.js"></script>
        <script class="include" type="text/javascript" charset="utf-8" src="support/bootstrap/dataTables/dataTables.editor.bootstrap.js"></script>

        <script class="include" type="text/javascript" charset="utf-8" src="./js/custom.js"></script>

    </head>
    <body class="c_body">
        <div class="mContainer">
            <div id="dt_div">
                <table class="table table-striped table-bordered display" id="example">
                    <thead>
                        <tr>
                            <th style="text-align: center;">Data</th>
                            <th style="text-align: center;">Tema</th>
                            <th style="text-align: center;">V&iacute;nculo</th>
                            <th style="text-align: center;">Empresa</th>
                            <th style="text-align: center;">Sub contratada</th>
                            <th style="text-align: center;">NDP</th>
                            <th style="text-align: center;">CH</th>
                            <th style="text-align: center;">HHT</th>
                            <th style="text-align: center;">Ger&ecirc;ncia</th>
                            <th style="text-align: center;">&Aacute;rea Solicitante</th>
                            <th style="text-align: center;">CC</th>
                            <th style="text-align: center;">Rateio</th>
                        </tr>
                    </thead>
                </table>
            </div>
            <div class="spacer"></div>

        </body>
    </html>

【问题讨论】：

标签： internet-explorer freeze titlebar

【解决方案1】：

Microsoft 已将该问题确认为 IE10 中的错误。该问题已关闭，状态为“无法修复”。 https://connect.microsoft.com/IE/feedback/details/787208/ie10-waiting-for-domains-url-text-occasionally-gets-stuck-on-tabs-title-only-after-refreshing-it

这也是IE11中的一个已知bug。

【讨论】：

有解决办法吗？

【解决方案2】：

奇怪的是，我似乎设法在 ie8 上修复了它，而在 JavaScript 中使用它并没有明显对 Firefox 或 Chrome 造成任何损害

 <script language="javascript">
  window.onfocus = function(){
  var title_var = document.title;
  document.title = title_var;
  }
 </script>

Charly H 建议也可以使用 onload

 <script language="javascript">
  window.onload = function(){
  var title_var = document.title;
  document.title = title_var;
  }
 </script>

【讨论】：

我知道这篇文章已经有 1 年的历史了，但是对于其他正在寻找修复的人来说，将 window.onfocus 更改为 window.onload 是一个更好的解决方案。但仍然是解决这个问题的好方法。
这是由 notawizard 发布的原始完整脚本。 wordpress.org/support/topic/… 这部分你可能是对的，onload 会更好。令人惊讶的是，它仍然没有在 Edge 中修复。（notawizard 是我在 WordPress 上）
进一步的实验表明，'onfocus()' 更可靠，因为当切换选项卡时，它触发了 'onfocus()' 事件，但不一定是 'onload()' 事件。
在 Firefox 中，当我使用 window.onload 时它一直在重新加载，而 on.focus 没有这样做