JavaScript_기본 지식의 위치 주소 객체

위치 주소 객체 특정 창 객체가 연 주소를 기술합니다. 현재 창의 주소를 나타내려면 "location"을 사용하고, 특정 창의 주소를 나타내려면 ".location"을 사용하세요. 이전에 window.location.href를 사용하여 다른 프레임 페이지를 새로 고치는 방법에 대한 글을 작성했습니다. 여기서는 locaiton의 자세한 사용법을 살펴보고 몇 가지 개선 사항을 적용했습니다.

참고: 다른 프로토콜 또는 다른 호스트 두 주소는 서로의 위치 개체를 참조할 수 없습니다. 이는 보안상의 이유입니다. 예를 들어, 현재 창은 "www.a.com" 아래의 페이지를 열고, 다른 창(객체 이름: bWindow)은 "www.b.com" 아래의 웹 페이지를 엽니다. 현재 창에서 "bWindow.location"을 사용하면 "권한 없음"이라는 오류가 발생합니다.이 오류는 오류 처리기(이벤트 처리기, onerror 이벤트 참조)로 처리할 수 없습니다.

먼저 위치 속성, 사용법 및 관련 예시에 대한 간략한 소개:
위치
에는 현재 URL에 대한 정보가 포함되어 있습니다. 위치 객체는 주어진 Window 객체와 연관된 전체 URL을 설명합니다. 위치 개체의 각 속성은 URL의 다양한 특성을 설명합니다.
일반적으로 URL의 형식은 다음과 같습니다: 프로토콜 // 호스트: 포트 / 경로 이름 # 해시 식별?
예: http://www.ijavascript.cn/jiaocheng/index# topic1?x=7&y=2 이 부분은 다음 요구 사항을 충족합니다.



"프로토콜"은 첫 번째 콜론이 포함될 때까지 URL의 초기 부분입니다.

"호스트"는 호스트와 도메인 이름 또는 네트워크 호스트의 IP 주소를 나타냅니다.

"포트"는 서버가 통신을 위해 사용하는 통신 포트를 의미합니다.

경로명은 URL의 경로 정보를 나타냅니다.

"해시 식별자"는 해시 마스크(#)를 포함하여 URL의 앵커 이름을 설명합니다. 이 속성은 HTTP URL에만 적용됩니다. ​

"검색 기준"은 물음표를 포함하여 URL의 모든 검색어 정보를 설명합니다. 이 속성은 HTTP URL에만 적용됩니다. 검색 기준 문자열에는 변수와 값의 쌍이 포함되어 있으며 각 쌍은 "&"로 연결됩니다.



속성 개요



protocol 반환 주소의 프로토콜, 값은 'http:','https:','file: ' 등 잠깐만요.

hostname은 주소의 호스트 이름을 반환합니다(예: "http://www.microsoft.com/china/", location.hostname == 'www.microsoft.com' 주소의 경우).

port는 해당 주소의 포트 번호를 반환합니다. 일반적으로 http의 포트 번호는 '80'입니다.

host는 'www.a.com:8080'과 같은 호스트 이름과 포트 번호를 반환합니다.

pathname은 "http://www.a.com/b/c.html", location.pathname == 'b/c.html'과 같은 경로 이름을 반환합니다.

해시는 "http://www.a.com/b/c.html#chapter4", location.hash == '#chapter4'와 같은 "#" 및 후속 콘텐츠를 반환합니다. "#"이 없으면 빈 문자열이 반환됩니다.

검색은 "?" 및 "http://www.a.com/b/c.asp?selection=3&jumpto=4", location.search == '?selection=과 같은 후속 콘텐츠를 반환합니다. 3&jumpto=4'; 주소에 "?"가 없으면 빈 문자열이 반환됩니다.

href는 위의 내용을 모두 반환합니다. 즉 전체 주소를 반환합니다. 브라우저의 주소 표시줄에 표시하는 방법이 반환됩니다. 창 개체가 특정 주소를 열도록 하려면 "location.href = '...'"를 사용하거나 "location = '...'"를 직접 사용하여 이 목적을 달성할 수 있습니다.



방법 개요



reload()는 컴퓨터에서 "새로 고침"(IE) 또는 "다시 로드"(Netscape) 키를 누르는 것과 같습니다. 브라우저.

replace()는 URL을 열고 기록 개체의 현재 위치 주소를 바꿉니다. 이 방법을 사용하여 URL을 연 후에는 브라우저의 "뒤로" 키를 눌러도 이전 페이지로 돌아갈 수 없습니다.



2. 위치 페이지 점프 js는 다음과 같습니다.
//Simple Jump
function gotoPage(url) {
// eg. newsview.html?catalogid=" CatalogID "&pageid=" pageid;
window.location = url;
}

// 위치 사용 업그레이드, 단일 페이지에 대한 매개변수 전달
함수 goto_catalog(iCat) {
if(iCattop.location = "../index.aspx"; // 상단 빼기
} else {
window.location = " ../newsCat.aspx?catid=" iCat;
}
}

// 지정된 프레임 페이지로 이동, 두 가지 방법 모두 사용 가능
function goto_iframe(url) {
parent.mainFrame.location = "../index.aspx"; //
// parent.document.getElementById("mainFrame").src = "../index.aspx";// dom을 사용하여 페이지 변경 //동시에 dom
}

// parent.iframename.location="../index.aspx"이므로 지정된 프레임 페이지로 이동합니다. method 구현할 수 없는 이유는 주로 "parent.iframename"의 iframename이 js의 노드로 기본 설정되어 있고 전달된 매개변수를 변환할 수 없기 때문에 두 개의 매개변수를 전달하는 프레임 점프 페이지는 dom을 사용하여 구현해 주기를 바랍니다. 사랑하는 친구여, 나에게 조언을 좀 해주세요!
function goto_iframe(iframename,url) {
parent.document.getElementById(iframename).src = "../index.aspx";// dom을 사용하여 iframeName으로 페이지 변경
//}

// 홈페이지로 돌아가기
function gohome() {
top.location = "/index.aspx"
}