JavaScript 입문 튜토리얼(8) 위치 주소 객체_기본 지식

윈도우의 주소를 표현하려면 ".location"을 사용하세요. 이전에 window.location.href를 사용하여 다른 프레임 페이지를 새로 고치는 방법에 대한 글을 작성했습니다. 여기서는 locaiton의 자세한 사용법을 살펴보고 몇 가지 개선 사항을 적용했습니다.
참고: 서로 다른 주소에 속해 있습니다. 프로토콜 또는 다른 호스트는 보안 요구 사항으로 인해 서로의 위치 개체를 참조할 수 없습니다. 예를 들어, 현재 창은 "www.a.com" 아래의 페이지를 열고, 다른 창(객체 이름: bWindow)은 "www.b.com" 아래의 웹 페이지를 엽니다. 현재 창에서 "bWindow.location"을 사용하면 "권한 없음"이라는 오류가 발생합니다. 이 오류는 오류 처리기(이벤트 처리기, onerror 이벤트 참조)로 처리할 수 없습니다.
먼저 위치 속성, 사용법 및 관련 예시에 대한 간략한 소개:
위치
에는 현재 URL에 대한 정보가 포함되어 있습니다. 위치 객체는 주어진 Window 객체와 연관된 전체 URL을 설명합니다. 위치 개체의 각 속성은 URL의 다양한 특성을 설명합니다.
일반적으로 URL의 형식은 다음과 같습니다: 프로토콜 // 호스트: 포트 / 경로 이름 # 해시 식별?
예: http://www.webjx.com/jiaocheng/index# topic1?x=7&y=2 이 부분은 다음 요구 사항을 충족합니다.
"프로토콜"은 URL의 시작 부분이며 첫 번째 콜론까지 포함합니다.
"호스트"는 호스트와 도메인 이름 또는 네트워크 호스트의 IP 주소를 나타냅니다.
"포트"는 서버가 통신을 위해 사용하는 통신 포트를 의미합니다.
경로 이름은 URL의 경로 측면을 설명합니다.
"해시 ID"는 해시 마스크(#)를 포함하여 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'과 같은 경로 이름을 반환합니다.
hash는 "#"과 "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는 다음과 같습니다.

코드를 복사합니다 코드는 다음과 같습니다.

//간단한 점프
function gotoPage(url) {
// 예: var url = "newsview.html?catalogid="catalogID "&pageid=" pageid
window.location = url;
}
//위치 사용 업그레이드, 단일 페이지에 대한 매개변수 전달
function goto_catalog(iCat) {
if(iCat<=0) {
top.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"; 메서드를 구현할 수 없습니다. 주로 "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"
}