<!doctype html public "-//w3c//dtd html 4.01 transitional//en">
<html lang="ko">
<head>
<title>Trio 홈페이지 - URL 연결 (link) 예제 - Javascript 예제</title>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=EUC-KR">
<meta name="keywords" content="javascript,js,...">
<script Language="Javascript" src="../../pub/pubcss.js"></script>
<script Language="Javascript">basicset(2,'std')</script>
<script Language="Javascript" src="../../pub/note.js"></script>
위 javascript는 통일성을 주기 위한 script 설정과
Netscape 점검하기 위한 것으로 본 예제의 내용과는 연관이 적어 코드 생략
<script Language="Javascript">
<!-- // 감추기 시작
stat='top=0,left=50,width=600,height=400,toolbar=1,location=1,status=1,'+
'menubar=1,scrollbars=1,directories=0,resizable=1';
// Netscape 에서 default가 불편하여, status를 지정하였슴
function link(url){ // default 창
newWin=window.open('','',stat);
newWin.location=url;
}
function link1(url){ // 목표 지정
newWin1=window.open('','main','stat');
newWin1.location=url;
}
function link2(url){ // features 지정
newWin2=window.open('','','toolbar=no,location=no,directories=no,' +
'status=no,menubar=no,scrollbars=no,resizable=0,width=600,height=10');
newWin2.location=url;
}
// 감춤 끝 -->
</script>
</head>
<body>
<a name="top"></a>
<center>
<table width=100% border=1><tr align=center>
<td width=30 class=heada><a href="http://trio.co.kr/" target="_top"><img
src="../../gif/ictrio.gif" border=0 alt="Trio 홈페이지"></a></td>
<td class=head>URL 연결 (link) 예제</td>
<td align=right width=30 class=heada><a href="../js/jxexp.html" target=main><img
src="../../gif/arexp.gif" border=0 width=30 alt="Javascript 예제 메인페이지"></a>
</td></tr></table>
<table class=main><tr><td>
<img src=../gif/rfbtexm2.gif><br><br>
<div class=brown>
<span class=blue><b>window.open('url','target','features')</b></span>로 연결.</br>
<dl class=indent>
<dt><a href="Javascript:link('http://www.naver.com/')">네이버에 연결</a></dt>
<dd>default 새 창으로 연결 <span class=trans>(Netscape에서는 status 지정하였슴)</span></dd>
<dt><a href="Javascript:link('../js/jxgen.html')">새 창에 Javascript
다른 페이지로</a></dt>
<dd><b>상대 URL</b>로 지정하며, <b>새 창</b>에 표현한다.</dd>
<dt><a href="Javascript:link1('../js/jxgen.html')">기존 FRAME에 Javascript
다른 페이지로</a></dt>
<dd><b>상대 URL</b>로 지정하며, 기존 창의 <b>지정된 목표</b>(target) FRAME에 표현한다.</dd>
<dt><a href="Javascript:link2('../../gif/colorbar.gif')">작은 새창으로 그래픽
이미지 열기</a></dt>
<dd>작은 새창 열기(features내용을 지정): 컴마로 분리되고 공간이 들어가면 않됨</dd>
<dt><a href="xurl.html"
onMouseOver="window.status='나타났지 ?!';return true">status bar에 표시</a></dt>
자체 페이지가 다시 열림
<dd>mouse를 hyperlink에 올려 놓으면 <b>아래 status에</b> 나타난다.</dd>
</dl>
<span class=trans><script>navinote()</script></span> Netscape에 잘표현되지 않는다는 경고
</div>
..
..
 중요 사항
- URL을 절대(http://), 상대(../../) 설정이 다 가능하다.
- 목표(target) 설정은 현재 브라우저가 인식하는 FRAME name을 지정하여야 하고, 없거나 틀리면 새로은 창으로 인식한다.
- HTML tag 않에서 Javascript를 직접 수행 할 때는 "Javascript: ..."를 사용하고, 문장 분리로 semicolon(;)을 사용한다.
- 4번 features 표시에서 컴마(,)로 분리하고 빈칸이 들어가면 않됨. Javascript 안에서는 빈칸을 그재로 인식하므로 문자열을 다음줄에 연결시켜 너무 길면 ' + '로 중간을 잘라 + 앞이나 뒤에서 줄바꿈을 할 수 있다. 생략이 가능하고 이때는 default 값이 적용되고, 값 yes|no은 1|0와 같다.
- 5번 onMouseOver="window.status='메세지';return true" 명령을 완성하기 위해서는 ;return true가 필요하다.
|
){kind=link}
제공