JavaScript location 대상 용법 상세 설명

8403 단어 JavaScript 브 라 우 저 서버 url search 2010

BOM (브 라 우 저 대상 모델) 에서 가장 유용 한 대상 중 하 나 는 location 입 니 다. window 대상 과 document 대상 의 속성 입 니 다.location 대상 은 창 을 불 러 오 는 URL 을 표시 하고 URL 도 해석 할 수 있 습 니 다.

hash: URL 에 '\ #' 이 포함 되 어 있 으 면 이 기호 뒤의 내용 을 되 돌려 줍 니 다 (예:http://www.sunchis.com/index.html#welcome의 hash 는 "\ # welcome" 입 니 다.

host: 서버 이름, 예 를 들 어 www. sunchis. com.

hostname: 보통 host 와 같 고 앞의 ww 를 생략 할 때 도 있 습 니 다.

href: 현재 페이지 에 불 러 온 전체 URL 입 니 다.

pathname: URL 의 호스트 이름 다음 부분 입 니 다.예 를 들 면:http://www.sunchis.com/html/js/jsbasic/2010/0319/88.htmlpathname 은 "/ html / js / jsbasic / 2010 / 0319 / 88. html" 입 니 다.

port: URL 에 설 명 된 요청 포트 입 니 다.기본 적 인 상황 에서 대부분의 URL 은 포트 정보 (기본 값 은 80 포트) 가 없 기 때문에 이 속성 은 보통 비어 있 습 니 다.닮다http://www.sunchis.com:8080/index.html이러한 URL 의 port 속성 은 8080 입 니 다.

protocol: URL 에 사 용 된 프로 토 콜, 즉 쌍 슬 래 쉬 (/) 이전 부분 입 니 다.예컨대http://www.sunchis.com프로 토 콜 속성 은 http:,ftp://www.sunchis.com의 protocol 속성 은 ftp: 와 같 습 니 다.

search: GET 가 요청 한 URL 의 물음표 (?) 를 실행 한 후 검색 문자열 이 라 고도 합 니 다.예컨대http://www.sunchis.com/search.html?tern=sunchis검색 속성 은?term=sunchis。


  
  
  
  
   
   
   
   <script type="text/javascript">  
   
   
   
       document.write(  
   
   
   
           "hash:"+location.hash+"<br>"+  
   
   
   
           "host:"+location.host+"<br>"+  
   
   
   
           "hostname:"+location.hostname+"<br>"+  
   
   
   
           "href:"+location.href+"<br>"+  
   
   
   
           "pathname:"+location.pathname+"<br>"+  
   
   
   
           "port:"+location.port+"<br>"+  
   
   
   
           "protocol:"+location.protocol+"<br>"+  
   
   
   
           "search:"+location.search  
   
   
   
       );  
   
   
   
   </script>

다음은 현재 페이지 에서 상기 코드 를 실행 한 결과 입 니 다. 참고 하 십시오.
hash：
host：www.sunchis.com
hostname：www.sunchis.com
href：http://www.sunchis.com/html/js/jsbasic/2010/0319/89.html
pathname：/html/js/jsbasic/2010/0319/89.html
port：
protocol：http:
search：
location. href 는 창의 URL 을 가 져 오 거나 설정 하 는 데 가장 많이 사용 되 는 속성 입 니 다. 이 속성 을 바 꾸 면 새로운 페이지 로 이동 할 수 있 습 니 다.


  
  
  
  
   
   
   
   <script type="text/javascript">  
   
   
   
       location.href = "http://www.sunchis.com";  
   
   
   
   </script>

위 코드 의 역할 은 페이지 를 열 면 이동 합 니 다.http://www.sunchis.com페이지
assign () 방법 도 상기 조작 을 실현 할 수 있 습 니 다.


  
  
  
  
   
   
   
   <script type="text/javascript">  
   
   
   
       location.assign("http://www.sunchis.com");  
   
   
   
   </script>

스 크 립 트 를 포함 하 는 페이지 가 브 라 우 저의 과거 기록 에서 접근 하지 않 으 려 면 replace () 방법 으로 이 를 할 수 있 습 니 다.replace () 방법 은 assign () 방법 과 같 지만 브 라 우 저의 과거 기록 에서 스 크 립 트 가 포 함 된 페이지 를 삭제 하면 브 라 우 저의 후퇴 단추 와 전진 단 추 를 통 해 접근 할 수 없습니다. assign () 방법 은 후퇴 단 추 를 통 해 이전 페이지 에 접근 할 수 있 습 니 다.replace () 방법 에 대한 코드 를 직접 테스트 해 보 세 요.


  
  
  
  
   
   
   
   <html> 
   
   
   
       <head> 
   
   
   
           <title>            </title> 
   
   
   
       </head> 
   
   
   
       <body> 
   
   
   
           <p>      ，      ……</p> 
   
   
   
           <p>        “    ”，      ？</p> 
   
   
   
           <script type="text/javascript"> 
   
   
   
               setTimeout(function(){  
   
   
   
                   location.replace("http://www.sunchis.com");  
   
   
   
               },1000);  
   
   
   
           </script> 
   
   
   
       </body> 
   
   
   
   </html>

location 대상 은 현재 페이지 를 다시 불 러 올 수 있 는 reload () 방법 이 있 습 니 다.reload () 방법 은 브 라 우 저의 캐 시 에서 다시 불 러 오 거나 서버 에서 다시 불 러 오 는 두 가지 모드 가 있 습 니 다.도대체 어떤 모델 을 채택 할 지 는 이 방법의 매개 변수 에 의 해 결정 된다.

false: 캐 시 에서 페이지 를 다시 불 러 옵 니 다.

true: 서버 에서 페이지 를 다시 불 러 옵 니 다.

매개 변수 없 음: 캐 시 에서 페이지 를 불 러 옵 니 다. 매개 변수 가 생략 되면 기본 값 은 false 입 니 다.


  
  
  
  
   
   
   
   location.reload(true);    //            
   
   
   
   location.reload(false);   //               
   
   
   
   location.reload();        //

주의:

reload () 방법 이 실 행 된 후에 그 뒤의 코드 가 실 행 될 수도 있 고 실행 되 지 않 을 수도 있 습 니 다. 이것 은 네트워크 지연 과 시스템 자원 요소 에 의 해 결 정 됩 니 다.따라서 코드 의 마지막 줄 에 reload () 호출 을 두 는 것 이 좋 습 니 다.

글 의 처음부터 location 은 window 대상 과 document 대상 의 속성 이 라 고 언급 했 기 때문에 window. location 과 document. location 은 등가 로 서로 사용 할 수 있 습 니 다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

기초 정리 - 1

문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

JAVA 긴 연결(심장 박동 감지 포함) 데모

안 드 로 이 드 학습 컨트롤 의 이벤트 감청 네 가지 쓰기

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다