java 页签标题名的设置_javascript修改浏览器title方法 JS动态修改浏览器标题

title在html中属于特殊的节点元素.因为它可以使用document.getElementsByTagName("title")[0]来获取网页的title标签,但却无法用document.getElementsByTagName("title")[0].innerHtml用更改它的值。经测试原生js有两种方式可以修改，jQuery中也能简单设置。不清楚的小伙伴们可以了解一下。

innerText 方式

通过console.log(document.getElementsByTagName("title")[0]),发现能打印出

标签，标签里面只有文字节点，故猜测只能识别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('') 进行修改。

以上就是JS更改浏览器TITLE的详细方法，感觉有用就收藏一下吧。

java 页签标题名的设置_javascript修改浏览器title方法 JS动态修改浏览器标题相关推荐

浏览器页签icon图标的设置和获取
ReadMe 前言浏览器icon图标设置浏览器icon图标获取前言今天上午小明(网络上突然放大招并且给大家带来不少笑点的那个小明)发来信息求助,具体的需求是小明正在搞一个网站的维护时需要新 ...
java显示被阻止_win7系统打开java显示应用程序已安全设置被阻止的解决方法
今天和大家分享一下win7系统打开java显示应用程序已安全设置被阻止问题的解决方法,在使用win7系统的过程中经常不知道如何去解决win7系统打开java显示应用程序已安全设置被阻止的问题,有什么好 ...
js动态修改html标签属性,通过js动态创建标签,并设置属性方法
当我们在写jsp页面时,往往会遇到这种情况:从后台获取的数据个数不确定,此时在前端写jsp页面时也就不确定怎么设计了.这个时候就需要通过js动态创建标签: 1.创建某个标签:如下在body中创建一个d ...
js动态变量名_scss引入其他scss变量，并通过js动态修改scss变量
a.scss .test{ background:red;} 1 2 3 b.scss $bgColor: red; 1 1.a.scss需要引入b.scss中的变量 a.scss(只要引入成功后,修 ...
js动态修改浏览器title标题
上代码 document.title=name+"--Download";或者$('title').text(name+"-Download"); 注意:我这里 ...
Windows 技术篇 - windows日期和时间设置里没有Internet 时间页签原因和解决方法
因为工作关系设置了一下系统时间,然后想用网络获取最新的时间来自动更正下,然后发现没有这个功能-,百度后发现其实是有一个 Internet 时间页签的,在这个页签里才可以设置,那为什么我这里没有呢? 原 ...
Axure 9 实战案例，母版的应用 2，运用母版交互绘制Tab页签
前言 Hello!欢迎来到Axure 9 实战案例教程专栏.点击了解课程简介>> 上一篇教程我们讲解了运用母版绘制微信APP的导航菜单(点击阅读该教程>>),本篇教程我们继续来 ...
java应用被阻止_怎样解决运行java提示应用程序已安全设置被阻止
Win7系统运行java时出现提示应用程序已安全设置被阻止,这样就导致运行java失败,那么怎样解决运行java提示应用程序已安全设置被阻止呢?下面跟着学习啦小编来一起了解下吧. 解决运行java提示 ...
艾司博讯：拼多多短标题该怎么设置
拼多多商家在运营的时候,标题关键词的设置都是比较重要的一环.而标题如何写也是许多新手商家比较困扰的问题,有的朋友凭感觉去写,那自然是不行的.那么拼多多短标题怎么写比较好?下面就为大家带来介绍. 拼多多 ...

java 页签标题名的设置_javascript修改浏览器title方法 JS动态修改浏览器标题

java 页签标题名的设置_javascript修改浏览器title方法 JS动态修改浏览器标题相关推荐

最新文章

热门文章