JooTCJQuery 사이트 제목(title) 내용 추출
간혹 웹사이트 특정 페이지에서 <title> 태그의 콘텐츠를 읽어들이고 싶은 경우가 있습니다. JQuery를 이용하면 이를 쉽게 구현할 수 있습니다.
가령 다음과 같은 페이지가 있다고 가정해보겠습니다.
<!DOCTYPE HTML>
<html lang="ko">
<head>
<title>JooTC 블로그</title>
<meta charset="utf-8">
<meta name="description" content="사이트 설명">
</head>
<body>
<h1>안녕하세요. 블로그에 오신 것을 환영합니다.</h1>
<p>(BODY 콘텐츠)</p>
</body>
</html>
JQuery에서 $(document).find("title") 을 사용하면 document 셀렉터의 하위 객체인 title을 찾아서 선택합니다. 선택된 객체를 text() 함수를 사용하여 문자열을 가져오면 결과적으로 title 태그의 값인 사이트 제목을 가져올 수 있을 것입니다. 완성된 코드는 다음과 같습니다.
$(document).find("title").text();
이를 활용해서 웹페이지에 alert를 띄워보겠습니다.
var pageTitle = $(document).find("title").text();
alert(pageTitle);
문제없이 <title> 태그의 값에 대한 경고 창이 나타나고 있습니다.
- 참고 자료 : https://api.jquery.com/find/
IE11에서는 안되네요
확인 결과 문제 없이 작동하고 있는 것 같습니다. 혹시 다음과 같은 문제가 아닐까 싶습니다.
– jQuery 스크립트가 로드되었는지 확인해보세요. jQuery 문법이 존재하는 스크립트 위쪽에서 로드되어야 합니다.
– IE11에서 스크립트 실행이 차단되지 않았는지 확인해보세요. (차단된 콘텐츠 알림이 뜬다면 ‘차단된 콘텐츠 허용’을 클릭해야합니다.)
– .find(“title”)을 올바르게 입력했는지 확인해보세요.
좋은 글 감사합니다!
현재 페이지와는 다른 페이지의 title태그말고 다른 태그의 내용을 알아내려면 어떻게ㅎ ㅏ면 좋을까요?