使用javascript设置html页面的标题

Question

A title of an page is set by external javascript. I cannot find the exact function which does it. So i wrote a function and placed it in the html file. But still it is showing title of the previous javascript function.

<script type="text/javascript">

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

 </script>

Answer 1

You can also attempt to change title periodically. As you don't knows when scripts actually changes the title.

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

If script changes title once, you can also stop this timer once title is changed

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);

It will be better you edit script that is actually changing the title instead of writing another routine to change the title.

Answer 2

You'll be best listening for a change, if possible, in your use case.

$(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
});