JavaScript怎麼設定頁面標題

設定頁面標題的方法：1、使用「document.getElementsByTagName("title")[0].innerText='需要設定的值';」語句；2、使用「document.title = '需要設定的值';”語句。

本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

title在html中屬於特殊的節點元素

因為它可以使用document.getElementsByTagName("title")[0]來取得網頁的title標籤，但卻無法用document.getElementsByTagName("title")[0].innerHtml來改變它的值。

經過測試原生js有兩種方式可以修改，以下來介紹一下。

JavaScript設定頁面標題的方法

#1、innerText 方式

透過console.log (document.getElementsByTagName("title")[0]),發現能印出b2386ffb911b14667cb8f0f91ea547a7標籤，標籤裡面只有文字節點，故猜測只能辨識TextNode，所以用innerText方式設定title的值，果然成功了。

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

2、document.title方式

#經過測試，也可透過document.title 設定title的值。

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

範例

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

【推薦學習：javascript高階教學】

以上是JavaScript怎麼設定頁面標題的詳細內容。更多資訊請關注PHP中文網其他相關文章！