>  기사  >  웹 프론트엔드  >  자바스크립트로 제목 제목 바꾸는 방법

자바스크립트로 제목 제목 바꾸는 방법

青灯夜游
青灯夜游원래의
2021-06-11 17:49:172358검색

변경 방법: 1. "document.getElementsByTagName("title")[0].innerText="설정해야 하는 값";" 문을 사용하여 수정합니다. 설정해야 할 값", "문을 수정합니다.

자바스크립트로 제목 제목 바꾸는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

제목 제목을 변경하는 javascript

1.innerText 메소드

console.log(document.getElementsByTagName("title")[0])을 통해 b2386ffb911b14667cb8f0f91ea547a7 , tag 텍스트 노드만 있어서 TextNode만 인식할 수 있을 것 같아서 innerText를 사용하여 title 값을 설정했더니 성공했습니다.

document.getElementsByTagName("title")[0].innerText = '需要设置的值';

2. document.title 메소드

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

console.log(document.title);      # 可以获取title的值。
document.title = '需要设置的值';    # 设置title的值。

Example

window.onfocus = function () {
 document.title = '恢复正常了...';
};
window.onblur = function () {
 document.title = '快回来~页面崩溃了';
};

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

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 비디오를 방문하세요! !

위 내용은 자바스크립트로 제목 제목 바꾸는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.