window.location.href 사용법(동적 출력 점프)_기본 지식

JavaScript의 location.href는 주로 다음과 같이 다양한 용도로 사용됩니다.

self.location.href="/url" 현재 페이지에서 URL 페이지가 열립니다
location.href="/url" 현재 페이지에서 URL 페이지가 열립니다
windows.location.href="/url" 현재 페이지는 URL 페이지를 엽니다. 처음 세 가지 사용법은 동일합니다.
this.location.href="/url" 현재 페이지에서 URL 페이지가 열립니다
parent.location.href="/url" 상위 페이지에서 새 페이지 열기
top.location.href="/url" 톱 페이지에서 새 페이지 열기

페이지에서 프레임을 사용자 정의한 경우 상위 자체 상단을 사용자 정의된 프레임의 이름으로 바꿀 수 있습니다. 효과는 프레임 창에서 URL 주소를 여는 것입니다

또한 window.location.href=window.location.href 및 window.location.Reload()는 모두 현재 페이지를 새로 고칩니다. 차이점은 데이터 제출 여부에 있습니다. 데이터가 제출되면 window.location.Reload()는 데이터를 제출할지 여부를 묻는 메시지를 표시합니다. window.location.href=window.location.href는 데이터를 지정된 URL로 제출합니다

ASP.Net 프로그램을 작성할 때 페이지 점프 문제가 자주 발생합니다. 고객이 점프할 때 프롬프트를 사용하려는 경우 Response.Redirect를 사용하는 경우가 많습니다. 다음과 같이 더 이상 일하지 마세요:

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

Response.Write("< script>alert('축하합니다. 등록이 완료되었습니다!');< /script>"); Response.Redirect("main.html")

이때 프롬프트 콘텐츠가 나오기 전에 점프하게 되는데 이는 Response.Redirect("main.html");과 다르지 않습니다.

이번에는 다음 코드를 사용하여 테스트합니다.

ASP.NET 프레임워크 페이지 점프의 또 다른 구현

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

Response.Write("< 스크립트 언어=javascript>alert('축하합니다. 등록이 완료되었습니다!')< /script>"); Response.Write("< 스크립트 언어=javascript>window.location.href='main.html'< /script>");


이는 우리의 요구 사항을 충족합니다. 메시지가 표시되면 페이지가 이동됩니다.

가장 중요한 것은 window.location.href 문이 서버측 코드를 실행한 후 한 프레임의 페이지가 다른 프레임의 페이지를 새로 고친다는 것을 인식할 수 있다는 것입니다(Response.Redirect는 이를 달성할 수 없습니다. 적어도 저는 찾았습니다):

예: index.htm 페이지에 두 개의 프레임(frameLeft 및 FrameRight)이 있습니다.

이전에는 등록 후 로그인 상자를 자동으로 새로 고치는 것이 가장 일반적이었습니다. 그러면 로그인 상자가 로그인된 페이지로 대체됩니다. 성공적인 등록 코드 뒤에 단락을 추가하면 페이지를 새로 고칠 수 있습니다. 다른 프레임의. 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다. Response.Write("< 스크립트 언어=javascript>alert('축하합니다. 등록이 완료되었습니다!')< /script>"); Response.Write("< 스크립트 언어=javascript>window.parent.frameLeft.location.href='main.html'< /script>")

이는 ASP.NET 프레임 페이지 점프 중단 문제를 해결합니다. 실제로 이 방법은 ASP와 PHP에서 일반적으로 사용됩니다.

"window.location.href", "location.href"는 이 페이지로 이동합니다

"parent.location.href"는 이전 레벨로의 페이지 이동입니다

"top.location.href"는 가장 바깥쪽 페이지 점프입니다

예:

A, B, C, D가 모두 jsp라면 D는 C의 iframe, C는 B의 iframe, B는 A의 iframe, D의 js를 이렇게 쓰면

"window.location.href", "location.href": D 페이지 점프

"parent.location.href": C 페이지 점프

"top.location.href": 페이지 이동

D페이지에 양식이 있는 경우

: 양식이 제출된 후 D 페이지가 이동합니다.

: 양식이 제출되면 새 페이지가 나타납니다.

: 양식 제출 후 C 페이지 이동

: 양식이 제출된 후 페이지 A가 이동합니다.

페이지 새로 고침과 관련하여 D 페이지에는 다음과 같이 나와 있습니다.

"parent.location.reload();": C 페이지 새로 고침(물론 하위 창의 오프너 개체를 사용하여 상위 창의 개체를 얻을 수도 있습니다: window.opener.document.location.reload () )

"top.location.reload();": 페이지 새로 고침