>웹 프론트엔드 >JS 튜토리얼 >js_javascript 스킬의 window.location.href, location.href, parent.location.href, top.location.href의 사용법과 차이점에 대해

js_javascript 스킬의 window.location.href, location.href, parent.location.href, top.location.href의 사용법과 차이점에 대해

WBOY
WBOY원래의
2016-05-16 18:18:121252검색

"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 페이지로 이동합니다. Jump

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

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

: 이후 D 페이지로 이동 양식이 제출된 후

으로 이동: 양식이 제출된 후 새 페이지가 나타납니다.

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

: 양식 제출 후 페이지 A가 점프합니다

로 이동 페이지 새로 고침과 관련하여 D 페이지에 다음을 작성하세요.

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

"top.location.reload() ;": 페이지 새로 고침
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.