Usage and difference of window. Location. href, location. href, parent. Location. href, top. Location. href in JS

"Window. Location. href" and "location. href" indicate the current page Jump.

"Parent. Location. href" is the previous page Jump

"Top. Location. href" is the outermost page Jump

Example:

If A, B, C, and D are all JSP, D is the IFRAME of C, C is the IFRAME of B, and B is the IFRAME of A, if Js in D is written like this

"Window. Location. href", "location. href": D page Jump

"Parent. Location. href": C page Jump

"Top. Location. href": a page Jump

If form exists on Page D,

<Form>: Jump to the D page after the form is submitted

<Form target = "_ blank">: a new page is displayed after the form is submitted.

<Form target = "_ parent">: C page jump after form is submitted

<Form target = "_ top">: Jump to page a after form is submitted

For page refresh, write the following in page D:

"Parent. location. reload (); ": refreshes the C page (of course, you can also use the opener object of the Child Window to obtain the parent window object: zookeeper opener.doc ument. location. reload ();)

"Top. Location. Reload ();": page a is refreshed.