Home>Article>Web Front-end> How to modify browser title with javascript
How to modify the title using JavaScript: 1. Use the "document.getElementsByTagName("title")[0].innerText='value';" statement to modify it. 2. Use the "document.title='value';" statement to modify it.
The operating environment of this tutorial: windows7 system, javascript version 1.8.5, Dell G3 computer.
title is a special node element in HTML. How to modify title using JavaScript? The following article will introduce you to the modification method.
Method 1: innerText method
document.getElementsByTagName("title")[0].innerText = '需要设置的值';
Method 2: document.title method
After testing, it works. The value of title can be set through document.title.
console.log(document.title); # 可以获取title的值。 document.title = '需要设置的值'; # 设置title的值。
Example
window.onfocus = function () { document.title = '恢复正常了...'; }; window.onblur = function () { document.title = '快回来~页面崩溃了'; };
We change the value of title when the browser gains focus and loses focus. You can find that the title changes when switching browser tabs.
For more programming-related knowledge, please visit:Programming Video! !
The above is the detailed content of How to modify browser title with javascript. For more information, please follow other related articles on the PHP Chinese website!