摘要:举个栗子恢复正常了快回来页面崩溃了我们在浏览器取得了焦点和失去焦点的时候改变的值,可以发现切换浏览器选项卡的时候,发生了改变。
title在html中属于特殊的节点元素.因为它可以使用document.getElementsByTagName("title")[0]来获取网页的title标签,但却无法用document.getElementsByTagName("title")[0].innerHtml用更改它的值。经测试原生js有两种方式可以修改,jQuery中也能简单设置。不清楚的小伙伴们可以了解一下。
innerText 方式通过console.log(document.getElementsByTagName("title")[0]),发现能打印出
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("") 进行修改。
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/89933.html
摘要:适用于微信各大浏览器首先执行命令用法之后在全局入口处,引入然后在路由中首页活动项目服务空间发现我的之后在各个组建中随便一个标签中都可写入想要动态的改变值,可以这样写 vue-weachat-title ====================================== 适用于 1.微信 2.webview 3.各大浏览器 -------- demo: http://www....
摘要:基于的动态数据管理神器介绍什么是基于模块化的动态数据管理平台。什么是用于动态生成表单的,参考使用案例官方文档使用场景有哪些无论前端后端移动端运维,理论上所有需要动态配置数据的场景都可以使用。针对运维可以作为区分环境的配置中心等。 基于Json Schema的动态数据管理神器-DMS 介绍 什么是DMS? DMS Github:基于Json Schema/UI Schema模块化的Jso...
摘要:原始文档在现在搬过来学习入门学习页面之间的导航学习使用共享组件学习创建动态内容学习使用路由掩码创建干净的学习干净的服务器支持学习获取数据学习部署创建动态页面现在我们知道了如何使用多个页面创建一个基本的应用程序为了创建页面我们需要在磁盘上创建 原始文档在 https://github.com/developerw... 现在搬过来. 学习 Next.js: 入门学习 Next.js: ...
摘要:文件定义在通过路由定义标题首页首页通过动态调用标题在里面定义通过监听的变化来动态调用标题首页首页文件在里同过头部里的动态调用首页 js文件 定义module var app = angular.module(app, [ngRoute]); 在config通过路由定义标题 app.config([$routeProvider, $locationProvider, function ...
阅读 3608·2021-11-22 15:24
阅读 1552·2021-09-26 09:46
阅读 1873·2021-09-14 18:01
阅读 2566·2019-08-30 15:45
阅读 3498·2019-08-30 14:23
阅读 1825·2019-08-30 12:43
阅读 2887·2019-08-30 10:56
阅读 769·2019-08-29 12:20