반응형
[자바스크립트] anchor(), link() 하이퍼텍스트 연결하기
하이퍼 텍스트를 이용해서 문서를 연결하기 위해서는 anchor()와 link() 메소드를 이용하는데 이 메소드는 서로 문서를 연결한다는 점에서는 비슷하지만 사용되는 곳이 약간 다르다.
문서의 특정 위치를 표식으로 나타낼 때에는 anchor() 메소드를 사용하고 인터넷의 특정 HTML 문서의 위치를 지정할 때에는 link() 메소드를 사용한다.
anchor("표식") : 문서의 표식 지정
<a name="표식"> 표식에 대한 설명을 나타내는 글자 </a>
"프로필".anchor("profile")
link("위치") : 문서의 위치 지정
<a href="위치"> 위치에 대한 설명을 나타내는 글자 </a>
"가득찬곳".link("http://usefull.tistory.com")
위의 anchor() 메소드 사용법에서 주의해야 할 점이 하나 있다.
link() 메소드에서 문서를 이동하고자 할 때는 "프로필".link()("#http://www.ddc.ac.kr")라고 써주는데 #을 꼭 붙여야 한다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title></title> </head> <body> <h2>하이퍼 텍스트 연결하기</h2> <script> document.write("국어".link("#제1장")+"<br>") document.write("영어".link("#제3장")+"<p>") document.write("제1장 수필에 대해서...".anchor("제1장")+"<br>") document.write("다음".link("http://www.daum.net")+"<br>") document.write("가득찬곳".link("http://usefull.tistory.com")+"<p>") document.write("제 2장 자바 스크립트".anchor("제2장")+"<br>") </script> </body> </html> | cs |
반응형
'이전 게시글 > 컴퓨터#웹 Jv.Script' 카테고리의 다른 글
| [자바스크립트] change 이벤트 뜻과 간단예제 (0) | 2016.03.01 |
|---|---|
| [자바스크립트] Click(클릭) 이벤트 간단한 사용예제 (0) | 2016.03.01 |
| [자바스크립트] String 객체의 메소드를 이용한 문자열 처리 (0) | 2016.02.27 |
| [자바스크립트] Screen 객체의 뜻과 간단예제 (0) | 2016.02.27 |
| [자바스크립트] Function 객체를 알아보자. 간단예제와 뜻 (0) | 2016.02.27 |
