摘要:舉個(gè)栗子恢復(fù)正常了快回來(lái)頁(yè)面崩潰了我們?cè)跒g覽器取得了焦點(diǎn)和失去焦點(diǎn)的時(shí)候改變的值,可以發(fā)現(xiàn)切換瀏覽器選項(xiàng)卡的時(shí)候,發(fā)生了改變。
title在html中屬于特殊的節(jié)點(diǎn)元素.因?yàn)樗梢允褂?b>document.getElementsByTagName("title")[0]來(lái)獲取網(wǎng)頁(yè)的title標(biāo)簽,但卻無(wú)法用document.getElementsByTagName("title")[0].innerHtml用更改它的值。經(jīng)測(cè)試原生js有兩種方式可以修改,jQuery中也能簡(jiǎn)單設(shè)置。不清楚的小伙伴們可以了解一下。
innerText 方式通過(guò)console.log(document.getElementsByTagName("title")[0]),發(fā)現(xiàn)能打印出
document.getElementsByTagName("title")[0].innerText = "需要設(shè)置的值";document.title方式
經(jīng)過(guò)測(cè)試,還可通過(guò)document.title 設(shè)置title的值。
console.log(document.title); # 可以獲取title的值。 document.title = "需要設(shè)置的值"; # 設(shè)置title的值。
舉個(gè)栗子:
window.onfocus = function () { document.title = "恢復(fù)正常了..."; }; window.onblur = function () { document.title = "快回來(lái)~頁(yè)面崩潰了"; };
我們?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中我們可以通過(guò) innerText , document.title 兩種方式動(dòng)態(tài)修改網(wǎng)頁(yè)的title .
jq中我們可以通過(guò) $("title").html("") 或者 $("title").text("") 進(jìn)行修改。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/89933.html
摘要:適用于微信各大瀏覽器首先執(zhí)行命令用法之后在全局入口處,引入然后在路由中首頁(yè)活動(dòng)項(xiàng)目服務(wù)空間發(fā)現(xiàn)我的之后在各個(gè)組建中隨便一個(gè)標(biāo)簽中都可寫(xiě)入想要?jiǎng)討B(tài)的改變值,可以這樣寫(xiě) vue-weachat-title ====================================== 適用于 1.微信 2.webview 3.各大瀏覽器 -------- demo: http://www....
摘要:基于的動(dòng)態(tài)數(shù)據(jù)管理神器介紹什么是基于模塊化的動(dòng)態(tài)數(shù)據(jù)管理平臺(tái)。什么是用于動(dòng)態(tài)生成表單的,參考使用案例官方文檔使用場(chǎng)景有哪些無(wú)論前端后端移動(dòng)端運(yùn)維,理論上所有需要?jiǎng)討B(tài)配置數(shù)據(jù)的場(chǎng)景都可以使用。針對(duì)運(yùn)維可以作為區(qū)分環(huán)境的配置中心等。 基于Json Schema的動(dòng)態(tài)數(shù)據(jù)管理神器-DMS 介紹 什么是DMS? DMS Github:基于Json Schema/UI Schema模塊化的Jso...
摘要:原始文檔在現(xiàn)在搬過(guò)來(lái)學(xué)習(xí)入門學(xué)習(xí)頁(yè)面之間的導(dǎo)航學(xué)習(xí)使用共享組件學(xué)習(xí)創(chuàng)建動(dòng)態(tài)內(nèi)容學(xué)習(xí)使用路由掩碼創(chuàng)建干凈的學(xué)習(xí)干凈的服務(wù)器支持學(xué)習(xí)獲取數(shù)據(jù)學(xué)習(xí)部署創(chuàng)建動(dòng)態(tài)頁(yè)面現(xiàn)在我們知道了如何使用多個(gè)頁(yè)面創(chuàng)建一個(gè)基本的應(yīng)用程序?yàn)榱藙?chuàng)建頁(yè)面我們需要在磁盤上創(chuàng)建 原始文檔在 https://github.com/developerw... 現(xiàn)在搬過(guò)來(lái). 學(xué)習(xí) Next.js: 入門學(xué)習(xí) Next.js: ...
摘要:文件定義在通過(guò)路由定義標(biāo)題首頁(yè)首頁(yè)通過(guò)動(dòng)態(tài)調(diào)用標(biāo)題在里面定義通過(guò)監(jiān)聽(tīng)的變化來(lái)動(dòng)態(tài)調(diào)用標(biāo)題首頁(yè)首頁(yè)文件在里同過(guò)頭部里的動(dòng)態(tài)調(diào)用首頁(yè) js文件 定義module var app = angular.module(app, [ngRoute]); 在config通過(guò)路由定義標(biāo)題 app.config([$routeProvider, $locationProvider, function ...
閱讀 3815·2021-11-22 15:24
閱讀 1702·2021-09-26 09:46
閱讀 2054·2021-09-14 18:01
閱讀 2715·2019-08-30 15:45
閱讀 3596·2019-08-30 14:23
閱讀 1973·2019-08-30 12:43
閱讀 3036·2019-08-30 10:56
閱讀 891·2019-08-29 12:20