위치 개체에 대한 간단한 이해 :
1. 위치 개체는 현재 페이지 (이 페이지) 또는보다 직접적으로 현재로드 된 HTML 문서의 URL 정보를 다룹니다.
2. 위치 개체는 창 객체의 속성이며 Window.location을 통해 액세스 할 수 있습니다.
다음은 몇 가지 URL (Resource Locator) 관련 정보입니다.
브라우저에서 URL은 일반적으로 다음 부분으로 구성됩니다.
[프로토콜] [호스트] [경로] [쿼리]
계약 : 공통 프로토콜은 다음과 같습니다.
http : // 리소스 파일이 웹 서버에 있음을 의미합니다.
ftp : // 리소스 파일이 네트워크의 FTP 서버에 있음을 의미합니다.
호스트 : 호스트 이름 및 포트 번호, 예를 들어, Native Tomcat에 일반적으로 사용되는 호스트 : Localhost : 8080
경로 : 프로젝트의 경로 정보는 일반적으로 "/"및 문자로 구성되며 "/"는 우수한 수준의 관계입니다.
쿼리 : 일반적으로 "?"로 시작하여 나중에 노래 키 값 쌍 (key = value)을 추가합니다. 다중 키 값 쌍은 "&"로 분리됩니다. 동적 웹 페이지에 사용할 수 있고, 매개 변수를 서버쪽으로 전달하고, 백그라운드 작업 사용, 쿼리 데이터베이스 조건 등, 테이블 데이터 제출 등을 제출할 수 있습니다. 보안과 관련된 것은 별도로 또는 다른 방법을 통해 암호화해야합니다. . . .
쿼리 끝에서 "#"부호로 시작하는 매개 변수를 추가 할 수도 있지만 현재는 사용되지 않으므로 당분간에 대해서는 아무 말도하지 않습니다.
위치 객체 속성 :
1.HREF 속성 : 프로토콜, 호스트 이름, 포트 번호, 쿼리 매개 변수, # 정보 등을 포함한 현재 페이지의 전체 URL 정보는 모두 포함됩니다.
2. 호스트 속성 : 로컬 호스트와 같은 호스트 이름 및 포트 번호 : 8080 Local
3. HostName : 호스트 이름
4. 포트 : URL의 포트 번호
5. pathname : URL의 경로 내용의 일부에는 "/"가 포함됩니다.
6. 보호 콜 : 프로토콜
7. Serach : "?"로 시작하는 쿼리 부분.
8.hash : "#"로 시작하는 콘텐츠
위치의 일반적인 사용
분명히, 개발자에게 편리한 속성 정보를 제공하는 것 외에도 더 중요하고 일반적으로 사용되는 또 다른 목적이 있습니다.
문서 컨텐츠를 새로 고칠 수있는 페이지를 새로 고침하지만 더 중요한 목적은 HREF 정보를 수정 한 후 문서 컨텐츠를 다시로드하는 것입니다.
location.href : 할당 후 브라우저는이 지정된 새로운 URL을 기반으로 문서의 내용을 새로 고침합니다.
location.reload () : 문서를 다시로드합니다
페이지의 크로스 도메인 문제를 해결하는 데 도움이됩니다.
1. 현재 페이지를 새로 고칩니다
Window.location.href = url //이 메소드를 사용하는 데 익숙합니다
self.location.href = url
location.href = url
위의 세 가지 방법은 모두 현재 페이지를 새로 고칠 수 있습니다 (지정된 URL에 따라 Reload, 또 다른 새로운 문서 일 수있는 현재 문서를 대체 할 수 있음)
2. 부모 페이지에서 iframe을 사용하여 자식 페이지를 포함시킬 때
학부모 페이지는 어린이 페이지를 새로 고칩니다.
window.frames [ "id"]. location.reload () // id는 페이지에서 iframe의 ID입니다.
3. 어린이 페이지는 부모 페이지를 새로 고칩니다
Partition.location.reload ()
self.opener.location.reload ()
많은 방법이 있으며, 우리는 앞으로 사용할 때 계속 요약 할 것입니다! ! ! !
기타 일반적인 방법 :
location.replace () // 현재 문서를 새 문서로 바꾸십시오
location.assign () // 새 문서를로드합니다