티스토리 뷰

Javascript

Javascript로 Html Title 변경해주기

travelpark 2022. 5. 22. 19:18
반응형

웹개발 하면서 그동안 html title 까지는 변경해줄 일이 없었는데 웹접근성에 맞는 홈페이지를 제작하면서 사용하게 되어 별도로 정리하게 됐습니다.

 

html title이란 웹브라우저에서 탭에 나타나는 텍스트로 티스토리 사이트로 들어가면 다음과 같이 TISTORY로 텍스트가 뜨고 있습니다.

위와 같이 나오는 텍스트 내용을 수정하시려면 document.title = "변경하려는 텍스트"; 를 사용해 간단히 수정하실 수 있습니다. 다음 예제를 통해 확인해보겠습니다.

 

<!DOCTYPE html>
<html>
<head>
<title>Tistory</title>
</head>
<body>
<script> 
   console.log(document.title); //Tistory
   document.title = "티스토리";
   console.log(document.title); //티스토리
</script>
</body>
</html>

 

위와 같이 간단한 페이지를 만들어 테스트해보면 금방 확인하실 수 있습니다. db에서 값을 받아와 사용해야 하는 경우에도 document.title을 응용해 동적으로 타이틀을 수정하시면 될 것 같습니다.

반응형

'Javascript' 카테고리의 다른 글

Javascript로 iframe에서 부모창 함수 제어하기  (0) 2022.06.16
Javascript 와 JQuery에서 iframe 내부 함수 접근 방법  (0) 2022.06.14
Javascript 와 JQuery 에서 focus()로 포커스 이동하기  (0) 2022.05.24
Javascript 문자열 자르는 함수 substr(), substring(), slice() 비교  (0) 2021.07.16
Javascript 소수점 올림, 버림, 반올림 함수 정리  (0) 2021.07.13
Javascript 랜덤값(난수) 생성하기  (0) 2021.04.15
Javascript 형변환 하기 (문자를 숫자로, 숫자를 문자로) - parseInt(), parseFloat(), Number(), toString(), toFixed()  (0) 2021.04.13
공유하기 링크
댓글
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2024/12   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
글 보관함