작성자

freewebkorea

카테고리

비밀번호

제목

<H2>location Object</H2>
<P class=mtext>location Object 에는 현재 URL에 대한 정보가 들어 있습니다. URL에 대한 정보란 현재 페이지의 herf, path, pathname, protocol, host, port 등에 대한 정보가 들어 있는데, 이러한 정보들을 문자열로 return 받을 수 있습니다.</P><B>location Object 의 Property</B><BR><BR>
<TABLE class=attributeTbl cellSpacing=2 cellPadding=0 border=0>
<TBODY>
<TR>
<TD class=titleCell colSpan=4>location Object Property</TD></TR>
<COLGROUP>
<COL class=syntaxLeftCell width="16%">
<COL class=syntaxRightCell>
<TBODY>
<TR class=syntaxLeftCell>
<TD>Property</TD>
<TD align=middle>설 명</TD></TR>
<TR>
<TD>hash</TD>
<TD>문서내의 <A href="http://www.cadvance.org/doc/html/intermediate/anchor_bookmark.asp#bookmark_in_document">anchor</A>(href 속성값 뒤에 붙이는 <B>#</B> 와 anchor name) name 지정 또는 return</TD></TR>
<TR>
<TD>host</TD>
<TD>문서내의 hostname과 port 번호 지정 또는 return</TD></TR>
<TR>
<TD>hostname</TD>
<TD>문서내의 hostname 지정 또는 return</TD></TR>
<TR>
<TD>href</TD>
<TD>Default. 전체 URL을 지정 또는 return. <SPAN style="COLOR: #941919">location 뒤를 생략하면 location.herf와 같음.</SPAN></TD></TR>
<TR>
<TD>pathname</TD>
<TD>hostname을 제외한 나머지 문서의 경로와 filename 지정 또는 return</TD></TR>
<TR>
<TD>port</TD>
<TD>URL에서 사용하는 port 번호 지정 또는 return</TD></TR>
<TR>
<TD>protocol</TD>
<TD>URL에서 사용되는 protpcol(http:, ftp: 등등) 지정 또는 return</TD></TR>
<TR>
<TD>search</TD>
<TD>입력값 전송과 관련된 URL 뒤에 붙는 <B>?</B> (물음표) 이후의 문자열 지정 또는 return</TD></TR></TBODY></TABLE><BR><BR><B class=pos>location Object 예제</B> <PRE class=input id=location_property>&lt;body&gt;
&lt;a href="http://www.location.net/sample.html#location_object" id="http1"&gt;http1&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://www.location.net/doc.asp?filename=search" id="http2"&gt;http2&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;script type="text/javascript"&gt;
&lt;!--
document.write("&lt;b&gt;href&lt;/b&gt; : " + location.href + "&lt;br /&gt;")
document.write("&lt;b&gt;pathname&lt;/b&gt; : " + location.pathname + "&lt;br /&gt;")
document.write("&lt;b&gt;protocol&lt;/b&gt; : " + location.protocol + "&lt;br /&gt;")
document.write("&lt;b&gt;host&lt;/b&gt; : " + location.host + "&lt;br /&gt;")
document.write("&lt;b&gt;hostname&lt;/b&gt; : " + location.hostname + "&lt;br /&gt;")
document.write("&lt;b&gt;hash&lt;/b&gt; : " + http1.hash + "&lt;br /&gt;")
document.write("&lt;b&gt;port&lt;/b&gt; : " + http1.port + "&lt;br /&gt;")
document.write("&lt;b&gt;search&lt;/b&gt; : " + http2.search + "&lt;br /&gt;")
// --&gt;
&lt;/script&gt;    
&lt;/body&gt;
</PRE><A href="javascript:copy2Clipboard(location_property);open_window('../../../include/code_executor.asp');"><IMG alt="코드 실행 하기" src="http://www.cadvance.org/doc/images/icon/exec_button.gif" border=0></A><BR><BR>
<HR class=grayHr>
<BR><B>location Object Method</B> 
<P class=mtext>location Object의 reload() Method 는 브라우저 창에서 우클릭 후 선택하는 '새로 고침' 과는 다릅니다. 새로 고침(refresh)는 문서에서 새로 고침을 할 때의 위치에서 새로 고침이 되지만 reload는 문서의 처음(top)으로 이동 됩니다.</P>
<TABLE class=attributeTbl cellSpacing=2 cellPadding=0 border=0>
<TBODY>
<TR>
<TD class=titleCell colSpan=4>location Object method</TD></TR>
<COLGROUP>
<COL class=syntaxLeftCell width="18%">
<COL class=syntaxRightCell>
<TBODY>
<TR class=syntaxLeftCell>
<TD>Method</TD>
<TD align=middle>설 명</TD></TR>
<TR>
<TD class=syntaxLeftCellshort>reload(<I><FONT color=#941919>boolean</FONT></I>)</TD>
<TD class=inlineRightCellTitle style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px" width="80%">
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=RightCellTitle width="80%" colSpan=2>새로 고침, 문서를 다시 읽습니다.</TD></TR>
<TR>
<TD class=inlineLeftCellshort width="15%"><I><FONT color=#941919>false</FONT></I></TD>
<TD class=inlineRightCell width="85%">Default. 브라우저 cache에서 다시 읽어 온다.</TD></TR>
<TR>
<TD class=inlineLeftCellshort><I><FONT color=#941919>true</FONT></I></TD>
<TD class=inlineRightCell>서버에서 다시 읽어 온다.</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR><B class=pos>location Object 예제</B> <PRE class=input id=location_method>&lt;body&gt;
    &lt;button onclick="window.location.<B>reload(false)</B>"&gt;reload from browser cache&lt;/button&gt;
    &lt;button onclick="window.location.<B>reload(true)</B>"&gt;reload from server&lt;/button&gt;
&lt;/body&gt;
</PRE><A href="javascript:copy2Clipboard(location_method);open_window('../../../include/code_executor.asp');"><IMG alt="코드 실행 하기" src="http://www.cadvance.org/doc/images/icon/exec_button.gif" border=0></A><BR><BR>
<HR class=grayHr>
<BR><B>location Object를 사용하여 Link 걸기</B> 
<P class=mtext>select - option 으로 만든 drop down box의 값은 <A href="http://www.cadvance.org/doc/java/object/form/form_event.asp#onchange_event">onChange event</A>로 선택합니다. 아래의 코드 중 selectedIndex 는 drop down box 중에 선택된 option Element의 value 속성 값을 의미합니다. 또한 window.location.href 에서 앞의 window와 location Object의 Default 값인 href 는 생략 가능합니다.</P><B class=pos>Source code</B> <PRE class=input id=location_option>&lt;body&gt;
    &lt;select onchange="window.location.<B>href</B>=this.options[this.selectedIndex].value"&gt;
        &lt;option&gt;검색 사이트&lt;/option&gt;
        &lt;option value="http://kr.yahoo.com/"&gt;yahoo&lt;/option&gt;
        &lt;option value="http://www.naver.com/"&gt;naver&lt;/option&gt;
        &lt;option value="http://www.empas.com/"&gt;empas&lt;/option&gt;
    &lt;/select&gt;
&lt;/body&gt;
</PRE><A href="javascript:copy2Clipboard(location_option);open_window('../../../include/code_executor.asp');"><IMG alt="코드 실행 하기" src="http://www.cadvance.org/doc/images/icon/exec_button.gif" border=0></A><BR><BR><BR>
<HR class=blackHr>
<BR>

첨부파일

Tel. 042-353-2371

평일 오전 9시 ~ 오후 7시

기업은행

010-8649-6758

예금주:제주사랑(송진아)