這篇文章主要介紹javascript如何修改瀏覽器title方法,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
創(chuàng)新互聯(lián)建站專注于都蘭網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供都蘭營銷型網(wǎng)站建設(shè),都蘭網(wǎng)站制作、都蘭網(wǎng)頁設(shè)計(jì)、都蘭網(wǎng)站官網(wǎng)定制、成都微信小程序服務(wù),打造都蘭網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供都蘭網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
title在html中屬于特殊的節(jié)點(diǎn)元素.因?yàn)樗梢允褂胐ocument.getElementsByTagName("title")[0]來獲取網(wǎng)頁的title標(biāo)簽,但卻無法用document.getElementsByTagName("title")[0].innerHtml用更改它的值。經(jīng)測(cè)試原生js有兩種方式可以修改,jQuery中也能簡(jiǎn)單設(shè)置。不清楚的小伙伴們可以了解一下。
innerText 方式
通過console.log(document.getElementsByTagName("title")[0]),發(fā)現(xiàn)能打印出
document.getElementsByTagName("title")[0].innerText = '需要設(shè)置的值';
document.title方式
經(jīng)過測(cè)試,還可通過document.title 設(shè)置title的值。
console.log(document.title); # 可以獲取title的值。 document.title = '需要設(shè)置的值'; # 設(shè)置title的值。
例子
window.onfocus = function () { document.title = '恢復(fù)正常了...'; }; window.onblur = function () { document.title = '快回來~頁面崩潰了'; };
我們?cè)跒g覽器取得了焦點(diǎn)和失去焦點(diǎn)的時(shí)候改變title的值,可以發(fā)現(xiàn)切換瀏覽器選項(xiàng)卡的時(shí)候,title發(fā)生了改變。
jQuery方式
當(dāng)然如果你的項(xiàng)目里面依賴jQuery,可以使用jq的方法設(shè)置
$('title').html('') $('title').text('')
jq中兩種方式都可以實(shí)現(xiàn)
總結(jié)
原生js中我們可以通過 innerText , document.title 兩種方式動(dòng)態(tài)修改網(wǎng)頁的title .
jq中我們可以通過 $('title').html('') 或者 $('title').text('') 進(jìn)行修改。
以上是“javascript如何修改瀏覽器title方法”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!