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 usingdocument.getElementsByTagName("title")[0]The title tag of the web page, but its value cannot be changed usingdocument.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

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!