Question

页面标题由外部JavaScript设置。我找不到确切的功能。所以我写了一个函数并将其放在html文件中。但它仍然显示以前的javascript函数的标题。

<script type="text/javascript">

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

 </script>

Answer 1

您还可以尝试定期更改标题。因为你不知道脚本何时实际改变标题。

setInterval(function() {
   document.title = 'Pry';
}, 1000);

如果脚本更改标题一次，您也可以在标题更改后停止此计时器

var title = 'Pry';
var count = 0;
var timer = setInterval(function() {

    if (document.title !== title)
       count += 1;

    document.title = title;

    // count will be incremented twice
    // once when this function runs for first time
    // when title is actually changed
    if (count >= 2)
        clearInterval(timer);

}, 1000);

编辑实际更改标题的脚本而不是编写另一个例程来更改标题会更好。

Answer 2

如果可能的话，你最好在你的用例中听取改变。

$(document).ready(function () {
  $("title", "head").change(function () {
      console.log("Title has changed");
      changeTitle();
  });

  //Trigger Change
  function changeTitle() {
      $("title", "head").text("New Title");
  }

  $("title","head").text("test Title").trigger('change'); // triggered elsewhere
});

使用javascript设置html页面的标题

2 个答案: