溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹javascript如何修改瀏覽器title方法，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
title在html中屬于特殊的節點元素.因為它可以使用document.getElementsByTagName("title")[0]來獲取網頁的title標簽,但卻無法用document.getElementsByTagName("title")[0].innerHtml用更改它的值。經測試原生js有兩種方式可以修改，jQuery中也能簡單設置。不清楚的小伙伴們可以了解一下。
innerText 方式
通過console.log(document.getElementsByTagName("title")[0]),發現能打印出<title>標簽，標簽里面只有文字節點，故猜測只能識別TextNode，所以用innerText方式設置title的值，果然成功了。
document.getElementsByTagName("title")[0].innerText = '需要設置的值';document.title方式
經過測試，還可通過document.title 設置title的值。
console.log(document.title); # 可以獲取title的值。 document.title = '需要設置的值'; # 設置title的值。
例子
window.onfocus = function () {
document.title = '恢復正常了...';
};
window.onblur = function () {
document.title = '快回來~頁面崩潰了';
};我們在瀏覽器取得了焦點和失去焦點的時候改變title的值，可以發現切換瀏覽器選項卡的時候，title發生了改變。
jQuery方式
當然如果你的項目里面依賴jQuery,可以使用jq的方法設置
$('title').html('')
$('title').text('')jq中兩種方式都可以實現
總結
原生js中我們可以通過 innerText , document.title 兩種方式動態修改網頁的title .
jq中我們可以通過 $('title').html('') 或者 $('title').text('') 進行修改。
以上是“javascript如何修改瀏覽器title方法”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
