javascript如何更改网页标题

一、通过document.title更改网页标题

在JavaScript中，可以通过document.title更改当前网页的标题。这种方式比较简单，适用于只需要更改一次标题的场景。

document.title = "新标题";

以上代码会将当前页面的标题更改为“新标题”。

二、利用jQuery更改网页标题

如果使用jQuery库的话，可以通过以下代码更改网页标题：

$("title").html("新标题")

以上代码会将网页标题（title）的innerHTML值修改为“新标题”。当然，在使用jQuery之前需要引入jQuery库文件。

三、每隔一段时间更改网页标题

有些场景下，可能需要每隔一定时间更改网页标题，比如显示正在加载的百分比等。这时候需要利用JavaScript的定时器功能，实现每隔一段时间更改一次标题的效果。例如：

function changeTitle() {
  var i = 0;
  setInterval(function() {
    i++;
    document.title = "加载中" + i + "%";
    if (i == 100) clearInterval();
  }, 100);
}

以上代码实现了每隔100毫秒更改一次标题的效果，标题显示为“加载中1%”、“加载中2%”……直到100%结束。通过clearInterval()清除定时器，避免一直更改标题。

四、根据页面状态更改网页标题

有些情况下，网页标题需要根据页面状态来动态更改，例如未读消息数、倒计时时间等。这时候需要预定义好一定的规则，在页面状态改变时动态更改网页标题。例如：

function changeTitle() {
  var unreadCount = 5;
  document.title = "未读消息(" + unreadCount + ")";
  // 未读消息更改时调用该函数更新标题
}

以上代码实现了一个未读消息的动态更改标题。当有新的未读消息到来时，调用changeTitle()函数，函数会自动更新标题为“未读消息(5)”、“未读消息(6)”等。