How to set page title with JavaScript

Method to set the page title: 1. Use the statement "document.getElementsByTagName("title")[0].innerText='The value that needs to be set';"; 2. Use the statement "document.title = 'Required Set the value of the ';' statement.

The operating environment of this tutorial: windows7 system, javascript version 1.8.5, Dell G3 computer.

title is a special node element in html

because it can be obtained using document.getElementsByTagName("title")[0] The title tag of the web page, but its value cannot be changed using document.getElementsByTagName("title")[0].innerHtml.

After testing, there are two ways to modify the native js, which are introduced below.

JavaScript method of setting page title

1. InnerText method

Through console.log (document.getElementsByTagName("title")[0]), I found that the b2386ffb911b14667cb8f0f91ea547a7 label can be printed. There are only text nodes in the label, so I guess it can only recognize TextNode, so I used innerText to set the value of title, and it succeeded.

document.getElementsByTagName("title")[0].innerText = '需要设置的值';

2. document.title method

After testing, the value of title can also be set through document.title.

console.log(document.title);      # 可以获取title的值。
document.title = '需要设置的值';    # 设置title的值。

Example

window.onfocus = function () {
 document.title = '恢复正常了...';
};
window.onblur = function () {
 document.title = '快回来~页面崩溃了';
};

[Recommended learning: javascript advanced tutorial]

The above is the detailed content of How to set page title with JavaScript. For more information, please follow other related articles on the PHP Chinese website!