javascript如何更改网页标题

方式：1、应用“document.getElementsByTagName("title")[0].innerText = '值'”；2、应用“document.title='值'”；3、应用“$('title').html('值')”。

本实例教程作业环境：windows7系统软件、javascript1.8.5版、Dell G3计算机。

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('值') 进行调整。

以上就是关于JS变更电脑浏览器TITLE的具体方式，体验有效就关注一下吧。

大量程序编写基本知识，请访问：编程视频！！

以上就是关于javascript如何更改网页标题的具体内容，大量欢迎关注AdminJS其他类似文章！