나는 종종 Window.location을 사용하며 그 구조를 기억할 수 없습니다. 쉽게 정렬하고 향후 쿼리를 용이하게 할 수 있습니다.
예
URL : http : // bacom : 88/index.php? name = kang & when = 2011#먼저
| 재산 | 의미 | 값 |
|---|---|---|
| 규약: | 규약 | "http :" |
| 호스트 이름 : | 서버 이름 | "바콤" |
| 포트: | 포트 | "88" |
| PathName : | URL의 호스트 이름 다음 부분 | "/index.php" |
| 찾다: | "?" 쿼리 문자열이라고도합니다 | "? name = kang & when = 2011" |
| 해시시: | "#"후에 컨텐츠로 돌아갑니다. | "#첫 번째" |
| 주인: | 호스트 이름 + 포트와 동일합니다 | "Bacom : 88" |
| Href : | 현재 페이지의 전체 URL | "http://www.a.com:88/index.php?name=kang& when=2011#first" |
Window.Location 및 Document.Location이 서로 동일하면 상호 교환 적으로 사용할 수 있습니다.
위치의 8 가지 속성은 읽을 수 있고 쓸 수 있지만 Href와 Hash의 글만 의미가 있습니다. 예를 들어, location.href는 URL로 이전하고 위치를 수정합니다. hash는 현재 페이지의 앵커 (<a id = "name"> 또는 <div id = "id"> 등)의 태그 (<a id = "name"> 또는 <div id = "id"> 등으로 점프하면 페이지가 다시로드되지 않습니다.
알아채다
URL : http : // bacom : 88/index.php? name = kang & how =#way = 2011#첫 번째
| 찾다: | "? name = kang & how =" | 첫 번째 "?" |
| 해시시: | "#when = 2011#첫 번째" | 첫 번째 "#"이후의 콘텐츠 |
해시 : "#when = 2011#첫 번째"첫 번째 "#"이후의 내용
방법
location.assign (URL)
location.assign ( 'http://www.baidu.com'); Window.location = 'http://www.baidu.com'에 해당합니다.
이 방법에 따르면 새 주소가 브라우저 기록 스택에 배치되었다고 말하면서 "뒤로 버튼"이 새 페이지로 이동 한 후에도 페이지로 돌아갈 수 있습니다.
location.replace (URL)
할당 메소드와 동일하지만이 페이지는 브라우저 기록 스택에서 삭제되므로 새 페이지로 점프 한 후 "뒤로 버튼"이 페이지로 돌아갈 수 없습니다. 현재 IE와 Chrome은 단순한 점프이며 Firefox만이 페이지의 기록을 삭제합니다.
Location.Reload (힘)
현재 페이지를 다시로드하십시오. 힘이 참이면 서버 측에서 과부하가 발생합니다. False는 브라우저 캐시에서 과부하되어 있으며 기본값은 False입니다.