javascript를 사용하여 동적으로 HTML 제목 태그를 작성하십시오.

Question

각 페이지마다 고유 한 title 태그가있는 개발중인 사이트에 많은 페이지가 있습니다. 대부분의 경우 제목에는 다음과 같은 텍스트가 있습니다.

홈 | 섹션 1 | Page 1
홈 | 섹션 1 | Page 2
홈 | 섹션 1 | 페이지 3 등 ...

이러한 제목을 삽입하면 나중에 더 힘들게 변경할 수 있습니다. 추가하는 번거 로움은 말할 필요가 없습니다. 내가 동적으로 사이트의 폴더 구조 내에서 페이지의 위치를 ​​기반으로 자바 스크립트와 각 페이지의 제목을 생성하는 방법을 찾고 있어요.

현재 이동 경로에 대해 이와 같은 작업을 수행하지만 동일한 스크립트를 참조하거나 페이지 제목에 대해 비슷한 스크립트를 작성하는 방법을 모르겠다. 이동 경로 스크립트는 여기에 있습니다 : http://trcreative.us/dev/jmsracing/js/breadcrumbs.js

그리고 대다수는 제목에 필요한 항목을 정확히 수행하고 각 이동 경로 항목 당 링크를 뺍니다. (나는 그것이 타이틀을 위해 그렇게하기를 원하지 않는다). 어떤 도움을 주시면 감사하겠습니다 http://trcreative.us/dev/jmsracing/races/pigman-long-and-olympic/

:

여기에 적용 빵 부스러기를 참조하십시오. 당신이 할 수 home/section/page.html을 다음과 같이 URL의의가 있다고 가정

document.title = "some_title_here"; 

Answer 1

: 당신은

Answer 2

JQuery와

<script type="text/javascript"> 
    $(document).ready(function() { 
    document.title = 'your page title goes here'; 
    }); 
</script> 

Answer 3

document 객체가 명시 적으로 다음과 같이 설정할 수 있습니다 title 속성이이 코드를 사용해보십시오 감사합니다 어떤 페이지의 상단에서이 기능을 사용하면 URL을 기반으로 제목을 설정합니다.

function setTitle(extra) { 
    document.title = location.pathname.split('/').map(function(v) { 
    return v.replace(/\.(html|php)/, '') 
     .replace(/^\w/, function(a) { return a.toUpperCase(); }); 
    }).join(' | ') + (extra && ' | '+ extra); 
} 

이 기능을 사용하면 Home | Section | Page과 같은 제목이 생성됩니다. 특정 페이지에 특정 내용을 추가하려면 문자열을 extra 매개 변수로 전달하면 제목에 ie가 추가됩니다.

// url: http://mypage.com/home/about/frogs  
setTitle('Frogs are awesome'); 
console.log(document.title); //=> Home | About | Frogs | Frogs are awesome 

Answer 4

당신은 또한 당신이 또한 제목을 설정하기 위해 사용하고있는 어느 서버 측 언어로 사용할 수 있습니다

var getTitleOfPage = function(){ 
    // logic here to work out the title of the page. 
}; 

var title = getTitleOfPage(); 
document.title = title; 

(자바 스크립트를 사용하는 경우)

같은 것을 사용할 수 있습니다.