关于js中window.location.href,location.href,parent.location.href

时间:2021-09-07 07:49:32

关于js中window.location.href,location.href,parent.location.href,top.location.href的用法

"window.location.href"、"location.href"是本页面跳转.

"parent.location.href" 是上一层页面跳转.

"top.location.href" 是最外层的页面跳转.

举例说明:

    如果A,B,C,D都是html,,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写

    "window.location.href"、"location.href":D页面跳转

    "parent.location.href":C页面跳转

    "top.location.href":A页面跳转

如果D页面中有form的话,

    <form>:  form提交后D页面跳转

    <form target="_blank">:  form提交后弹出新页面

    <form target="_parent">:  form提交后C页面跳转

    <form target="_top"> :  form提交后A页面跳转

如果访问的是iframe里面的页面,重新加载最外层的页面

<html> <head> <title></title> <script language="javascript"> function escapeFrame(){ if (window.top.location.href != window.location.href) { window.top.location.reload(); } } </script> </head> <body> <iframe src="http://www.mamicode.com/b.html" ></iframe> </body> </html>

  

关于js中window.location.href,location.href,parent.location.href,top.location.href的用法