js는 브라우저 제목을 동적으로 수정합니다.

title은 document.getElementsByTagName("title")[0]을 사용하여 웹을 가져올 수 있기 때문에 html의 특수 노드 요소입니다. 페이지 title 태그이지만 document.getElementsByTagName("title")[0].innerHtml을 사용하여 해당 값을 변경할 수 없습니다. 테스트 후 네이티브 js를 수정하는 방법은 두 가지가 있으며, jQuery에서도 쉽게 설정할 수 있습니다. 확실하지 않은 친구는 알아낼 수 있습니다. title在html中属于特殊的节点元素.因为它可以使用document.getElementsByTagName("title")[0]来获取网页的title标签,但却无法用document.getElementsByTagName("title")[0].innerHtml用更改它的值。经测试原生js有两种方式可以修改，jQuery中也能简单设置。不清楚的小伙伴们可以了解一下。

innerText 方式

通过console.log(document.getElementsByTagName("title")[0]),发现能打印出<title></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('') 进行修改。

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

innerText 方式

通过console.log(document.getElementsByTagName("title")[0]),发现能打印出<title></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

innerText 메소드

console.log(document.getElementsByTagName("title")[0])를 통해 <title></title> 태그를 출력할 수 있음을 확인했습니다. out, 태그 내부에는 텍스트 노드만 있어서 TextNode만 인식할 수 있을 것 같아서 innerText 메소드를 사용하여 title 값을 설정했더니 성공했습니다. .

$('title').html('')

$('title').text('')

document.title 메소드

테스트 후 document.title을 통해 제목 값을 설정할 수도 있습니다.

rrreee

예:

rrreee

브라우저가 포커스를 얻고 포커스를 잃을 때 제목 값을 변경합니다. 브라우저 탭을 전환하면 title이 변경되는 것을 볼 수 있습니다.

jQuery 메서드

물론 프로젝트가 jQuery에 의존하는 경우 jq 메서드를 사용하여 설정할 수 있습니다.

rrreee두 메서드 모두 jq

---

요약

Native js에서는 innerText 및 document.title의 두 가지 방법으로 웹페이지의 제목을 동적으로 수정할 수 있습니다.
jq에서는 $('title').html('') 또는 $('title').text('')를 사용하여 수정할 수 있습니다.

title은 html의 특수 노드 요소입니다. >document.getElementsByTagName("title")[0]을 사용하여 웹페이지의 title 태그를 가져오지만 document.getElementsByTagName("title")[0]을 사용할 수는 없습니다. .innerHtml을 사용하여 값을 변경할 수 있습니다. 테스트 후 네이티브 js를 수정하는 방법은 두 가지가 있으며, jQuery에서도 쉽게 설정할 수 있습니다. 확실하지 않은 친구는 알아낼 수 있습니다.

🎜innerText 메소드🎜🎜console.log(document.getElementsByTagName("title")[0])를 통해 <title></title> 태그를 출력할 수 있음을 확인했습니다. out, 태그 내부에는 텍스트 노드만 있어서 TextNode만 인식할 수 있을 것 같아서 innerText 메소드를 사용하여 title 값을 설정했더니 성공했습니다. . 🎜rrreee🎜document.title 메소드🎜🎜테스트 후 document.title을 통해 제목 값을 설정할 수도 있습니다. 🎜rrreee🎜예: 🎜rrreee🎜브라우저가 포커스를 얻고 포커스를 잃을 때 제목 값을 변경합니다. 브라우저 탭을 전환하면 title이 변경되는 것을 볼 수 있습니다. 🎜🎜jQuery 메소드🎜🎜물론 프로젝트가 jQuery에 의존하는 경우 jq 메소드를 사용하여 설정할 수 있습니다.🎜rrreee🎜두 메소드 모두 jq에서 구현할 수 있습니다. 🎜🎜위 내용은 js를 사용하여 브라우저 제목을 동적으로 수정하는 방법에 대한 튜토리얼입니다. 모두에게 도움이 되기를 바랍니다. 🎜🎜관련 권장사항: 🎜🎜🎜페이지 CSS 스타일을 수정하는 PHP 개발 js🎜🎜🎜🎜prototype_javascript 기술의 속성을 수정하기 위한 js 사용 소개🎜🎜🎜🎜js를 사용하여 클라이언트 Registry_javascript 기술을 수정하는 방법🎜 🎜

위 내용은 js는 브라우저 제목을 동적으로 수정합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!