當我進入網頁時如何更改網站標題並在我處於新空白時更改其名稱？

Question

我在兩個過程中更改網站標題時遇到問題。

當我進入網頁時，它的標題已通過下面顯示的代碼更改。

<script type="text/javascript">

    $(document).ready(function() {
        document.title = 'New Title';
    });

</script>

情景，

• 我的瀏覽器中有兩個空白頁面。 a.html 和 b.html
• 我的網站是a.html，其標題為“A page”
• 當我進入a.html時，它的名字變成了New title
• 當我單擊 b.html 頁面時，我想將 a.html 的標題更改為“A 頁面”

當我在瀏覽器中的任何空白頁面時，我想再次更改其標題。 我該怎么做？

我找到了一個關於它的代碼片段。 這樣對嗎？

<script>

window.onblur = function () { document.title = 'A Page?'; }

window.onfocus = function () { document.title = 'New Title'; }
</script>

Answer 1

這是我的答案

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

$(function () {
    var message = "New Title!";
    var original;

    $(window).focus(function() {
      if(original) {
        document.title = original;
      }
    }).blur(function() {
      var title = $('title').text();
      if(title != message) {
        original = title;
      }
      document.title = message;
    });
  });